123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576
{
  "surface_id": "slack-water-recipe-modal-surface",
  "surface_version": 1,
  "payload": {
    "objects": [
      {
        "beginRendering": {
          "surfaceId": "slack-water-recipe-modal-surface",
          "root": "root-card"
        }
      },
      {
        "surfaceUpdate": {
          "surfaceId": "slack-water-recipe-modal-surface",
          "components": [
            {
              "id": "root-card",
              "component": {
                "Card": {
                  "child": "main-column"
                }
              }
            },
            {
              "id": "main-column",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "dish-image",
                      "dish-title",
                      "dish-meta",
                      "section-divider",
                      "steps-list",
                      "actions-row",
                      "cook-modal-entry"
                    ]
                  }
                }
              }
            },
            {
              "id": "dish-image",
              "component": {
                "Image": {
                  "url": {
                    "literalString": "https://picsum.photos/seed/slack-water-bowl/720/720"
                  },
                  "size": "full"
                }
              }
            },
            {
              "id": "dish-title",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Slack water - Salt Lake City"
                  },
                  "variant": "title"
                }
              }
            },
            {
              "id": "dish-meta",
              "component": {
                "TagText": {
                  "segments": {
                    "literalArray": [
                      {
                        "text": "high protein",
                        "style": "secondary"
                      },
                      {
                        "text": "620 cal",
                        "style": "secondary"
                      },
                      {
                        "text": "30 min",
                        "style": "secondary"
                      }
                    ]
                  }
                }
              }
            },
            {
              "id": "section-divider",
              "component": {
                "Divider": {}
              }
            },
            {
              "id": "steps-list",
              "component": {
                "OrderedDisplayList": {
                  "items": [
                    {
                      "child": "step-1"
                    },
                    {
                      "child": "step-2"
                    },
                    {
                      "child": "step-3"
                    },
                    {
                      "child": "step-4"
                    }
                  ]
                }
              }
            },
            {
              "id": "step-1",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Prep the broth base, ramen, greens, and soft eggs"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "step-2",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Sear chili-lime shrimp and blister the snap peas"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "step-3",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Simmer the miso broth and loosen the noodles"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "step-4",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Finish with eggs, scallions, basil, and sesame"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "actions-row",
              "component": {
                "Row": {
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "history-button",
                      "shopping-button"
                    ]
                  }
                }
              }
            },
            {
              "id": "history-button",
              "component": {
                "Button": {
                  "child": "history-icon",
                  "style": "secondary",
                  "action": {
                    "name": "open_recent_recipes"
                  }
                }
              }
            },
            {
              "id": "history-icon",
              "component": {
                "Icon": {
                  "name": {
                    "literalString": "refresh"
                  }
                }
              }
            },
            {
              "id": "shopping-button",
              "weight": 1,
              "component": {
                "Button": {
                  "child": "shopping-label",
                  "style": "secondary",
                  "action": {
                    "name": "open_shopping_list"
                  }
                }
              }
            },
            {
              "id": "shopping-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Shopping list"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "cook-modal-entry",
              "component": {
                "FullScreenModal": {
                  "entryPointChild": "cook-button",
                  "contentChild": "modal-root-card"
                }
              }
            },
            {
              "id": "cook-button",
              "component": {
                "Button": {
                  "child": "cook-label",
                  "style": "primary",
                  "action": {
                    "name": "showFullModal",
                    "context": [
                      {
                        "key": "modalId",
                        "value": {
                          "literalString": "cook-modal-entry"
                        }
                      }
                    ]
                  }
                }
              }
            },
            {
              "id": "cook-label",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Cooking"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "modal-root-card",
              "component": {
                "Card": {
                  "child": "modal-column"
                }
              }
            },
            {
              "id": "modal-column",
              "component": {
                "Column": {
                  "alignment": "stretch",
                  "children": {
                    "explicitList": [
                      "modal-image",
                      "modal-title",
                      "modal-meta",
                      "modal-ingredients-divider",
                      "produce-title",
                      "produce-row-1",
                      "produce-row-2",
                      "produce-row-3",
                      "protein-title",
                      "protein-row-1",
                      "protein-row-2",
                      "modal-markdown-divider",
                      "modal-markdown"
                    ]
                  }
                }
              }
            },
            {
              "id": "modal-image",
              "component": {
                "Image": {
                  "url": {
                    "literalString": "https://picsum.photos/seed/slack-water-bowl/720/720"
                  },
                  "size": "full"
                }
              }
            },
            {
              "id": "modal-title",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Slack water - Salt Lake City"
                  },
                  "variant": "title"
                }
              }
            },
            {
              "id": "modal-meta",
              "component": {
                "TagText": {
                  "segments": {
                    "literalArray": [
                      {
                        "text": "high protein",
                        "style": "secondary"
                      },
                      {
                        "text": "620 cal",
                        "style": "secondary"
                      },
                      {
                        "text": "30 min",
                        "style": "secondary"
                      }
                    ]
                  }
                }
              }
            },
            {
              "id": "modal-ingredients-divider",
              "component": {
                "Divider": {}
              }
            },
            {
              "id": "produce-title",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Produce"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "produce-row-1",
              "component": {
                "Row": {
                  "distribution": "spaceBetween",
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "produce-name-1",
                      "produce-qty-1"
                    ]
                  }
                }
              }
            },
            {
              "id": "produce-name-1",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Snap Peas"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "produce-qty-1",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "1 cup"
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "produce-row-2",
              "component": {
                "Row": {
                  "distribution": "spaceBetween",
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "produce-name-2",
                      "produce-qty-2"
                    ]
                  }
                }
              }
            },
            {
              "id": "produce-name-2",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Baby Bok Choy"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "produce-qty-2",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "2 heads"
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "produce-row-3",
              "component": {
                "Row": {
                  "distribution": "spaceBetween",
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "produce-name-3",
                      "produce-qty-3"
                    ]
                  }
                }
              }
            },
            {
              "id": "produce-name-3",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Scallions + Basil"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "produce-qty-3",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "1 bunch each"
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "protein-title",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Protein"
                  },
                  "variant": "bodySansSemibold"
                }
              }
            },
            {
              "id": "protein-row-1",
              "component": {
                "Row": {
                  "distribution": "spaceBetween",
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "protein-name-1",
                      "protein-qty-1"
                    ]
                  }
                }
              }
            },
            {
              "id": "protein-name-1",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Large Shrimp"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "protein-qty-1",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "8 pieces"
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "protein-row-2",
              "component": {
                "Row": {
                  "distribution": "spaceBetween",
                  "alignment": "center",
                  "children": {
                    "explicitList": [
                      "protein-name-2",
                      "protein-qty-2"
                    ]
                  }
                }
              }
            },
            {
              "id": "protein-name-2",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "Soft-Boiled Eggs"
                  },
                  "variant": "bodySans"
                }
              }
            },
            {
              "id": "protein-qty-2",
              "component": {
                "Label": {
                  "text": {
                    "literalString": "2 eggs"
                  },
                  "variant": "bodySans",
                  "color": "secondary"
                }
              }
            },
            {
              "id": "modal-markdown-divider",
              "component": {
                "Divider": {}
              }
            },
            {
              "id": "modal-markdown",
              "component": {
                "MarkdownView": {
                  "text": {
                    "literalString": "Step 1 / 3\n\n## Build the sesame-miso broth base\n\nWhisk the broth concentrate first so the noodles can go in as soon as the shrimp are ready. Keep the stock just under a boil for a cleaner, silkier bowl.\n\n- 2 tbsp white miso\n- 1 tbsp low-sodium soy sauce\n- 1 tsp toasted sesame oil\n- 2 cups chicken or vegetable stock\n\n![Sesame miso broth mise en place](https://picsum.photos/seed/slack-water-broth/960/640)\n\n---\n\nStep 2 / 3\n\n## Sear the shrimp and greens\n\nPat the shrimp dry, season aggressively, then give them a quick high-heat sear. Add the snap peas and bok choy at the end so they stay bright and crisp.\n\n- 8 large shrimp, peeled\n- 1 cup snap peas\n- 2 baby bok choy, halved\n- 1 tsp chili crisp or red pepper flakes\n\n![Shrimp and greens in a hot pan](https://picsum.photos/seed/slack-water-sear/960/640)\n\n---\n\nStep 3 / 3\n\n## Bowl, top, and serve\n\nCook the ramen until just tender, divide the broth, then layer noodles, greens, shrimp, and jammy eggs so the final bowl still looks sharp and structured.\n\n- 2 packs fresh ramen noodles\n- 2 soft-boiled eggs, halved\n- 2 scallions, thinly sliced\n- Sesame seeds and basil for finishing\n\n![Finished shrimp ramen bowl](https://picsum.photos/seed/slack-water-bowl-finish/960/640)"
                  }
                }
              }
            }
          ]
        }
      }
    ]
  }
}
0 tokens
Slack water - Salt Lake City
high protein620 cal30 min
  1. Prep the broth base, ramen, greens, and soft eggs
  2. Sear chili-lime shrimp and blister the snap peas
  3. Simmer the miso broth and loosen the noodles
  4. Finish with eggs, scallions, basil, and sesame