@terrafirmagreg-team/recipe 1.2.2 → 1.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@terrafirmagreg-team/recipe",
-  "version": "1.2.2",
+  "version": "1.2.4",
   "type": "module",
   "description": "Recipe viewer and calculator",
   "license": "LGPL-3.0-only",
@@ -24,18 +24,18 @@
   },
   "dependencies": {
     "@terrafirmagreg-team/data": "1.2.1",
-    "@terrafirmagreg-team/dump": "1.2.1",
-    "@terrafirmagreg-team/game": "1.2.2",
-    "@terrafirmagreg-team/kit": "1.2.2",
-    "@terrafirmagreg-team/mdx": "1.2.1",
+    "@terrafirmagreg-team/dump": "1.2.2",
+    "@terrafirmagreg-team/game": "1.2.3",
+    "@terrafirmagreg-team/kit": "1.2.4",
+    "@terrafirmagreg-team/mdx": "1.2.2",
     "@terrafirmagreg-team/preview": "1.2.1",
     "@terrafirmagreg-team/sites": "1.2.1",
-    "@terrafirmagreg-team/translate": "1.2.3",
-    "@terrafirmagreg-team/ui": "1.2.2",
+    "@terrafirmagreg-team/translate": "1.2.4",
+    "@terrafirmagreg-team/ui": "1.2.4",
     "comlink": "^4.4.2",
     "fflate": "0.8.3",
-    "fumadocs-core": "16.17.8",
-    "lucide-react": "^0.577.0",
+    "fumadocs-core": "16.17.10",
+    "lucide-react": "^1.63.0",
     "pathfinding": "0.4.18"
   },
   "peerDependencies": {

package/src/components/cards/card/index.tsx

@@ -7,12 +7,12 @@ import {
   cardStripGeo,
   countCoveredText,
   textInStrip,
-} from '@terrafirmagreg-team/recipe/lib/card-model';
+} from '@terrafirmagreg-team/recipe/lib/cards/model';
 import { CardText } from '@terrafirmagreg-team/recipe/components/cards/card/text';
 import { CardSceneOverlay } from '@terrafirmagreg-team/recipe/components/cards/card/scene';
 import { CardWidgetTips } from '@terrafirmagreg-team/recipe/components/cards/card/tips';
 import { CardStrip } from '@terrafirmagreg-team/recipe/components/cards/card/strip';
-import { recipeSlots } from '@terrafirmagreg-team/recipe/lib/recipe-slots';
+import { recipeSlots } from '@terrafirmagreg-team/recipe/lib/browser/recipe-slots';
 import {
   recipeMultiblock,
   recipeSceneEntities,

package/src/components/cards/card/strip.tsx

@@ -5,7 +5,7 @@ import { Fragment, useRef, useState } from 'react';
 import { SlotHitbox } from '@terrafirmagreg-team/recipe/components/cards/slot-hitbox';
 import { CardText } from '@terrafirmagreg-team/recipe/components/cards/card/text';
 import { formatCount } from '@terrafirmagreg-team/ui/lib/utils/format';
-import type { CardStripGeo } from '@terrafirmagreg-team/recipe/lib/card-model';
+import type { CardStripGeo } from '@terrafirmagreg-team/recipe/lib/cards/model';
 import type { EntryTooltipLevel } from '@terrafirmagreg-team/game/components/entry/tooltip';
 import type { RecipeTextWidget } from '@terrafirmagreg-team/recipe/lib/data/dto';
 import type { RecipeHrefOpts } from '@terrafirmagreg-team/recipe/types';

package/src/components/cards/paged-card.tsx

@@ -6,7 +6,7 @@ import { SlotHitbox } from './slot-hitbox';
 import { StripCard } from './strip-card';
 import { recipeGlareFilter } from './glare-filter';
 import { recipeGrid } from '@terrafirmagreg-team/recipe/lib/data/grid';
-import { recipeSlots } from '@terrafirmagreg-team/recipe/lib/recipe-slots';
+import { recipeSlots } from '@terrafirmagreg-team/recipe/lib/browser/recipe-slots';
 import { PagerArrow } from '@terrafirmagreg-team/ui/components/blocks/page/pager';
 import { useInView } from '@terrafirmagreg-team/ui/hooks/use-in-view';
 import { useSwipe } from '@terrafirmagreg-team/ui/hooks/use-swipe';

package/src/components/cards/slot-hitbox.tsx

@@ -11,7 +11,7 @@ import { useCycleIndex } from '@terrafirmagreg-team/ui/hooks/use-cycle-index';
 import { stackDisplayName } from '@terrafirmagreg-team/game/lib/entry/display';
 import { entryHref } from '@terrafirmagreg-team/game/lib/entry/href';
 import { loadStackDisplay } from '@terrafirmagreg-team/game/lib/entry/tooltip';
-import { favoriteHover } from '@terrafirmagreg-team/recipe/lib/favorite-hover';
+import { favoriteHover } from '@terrafirmagreg-team/recipe/lib/browser/favorite-hover';
 import { useAsyncResult } from '@terrafirmagreg-team/ui/hooks/use-async-value';
 import type { ReferenceKind } from '@terrafirmagreg-team/dump/lib/dump/contract/ref';
 import type { RecipeSlotWidget } from '@terrafirmagreg-team/recipe/lib/data/dto';
@@ -156,7 +156,7 @@ export function SlotHitbox({
         dataset={dataset}
         id={widget.id}
         name={name}
-        kind={kind === 'tag' ? 'item' : kind}
+        kind={widgetRefKind(widget)}
         lang={lang}
         langMap={langMap}
         level={tooltipLevel}
@@ -177,7 +177,7 @@ export function SlotHitbox({
       dataset={dataset}
       id={widget.id}
       name={name}
-      kind={kind === 'tag' ? 'item' : kind}
+      kind={widgetRefKind(widget)}
       lang={lang}
       langMap={langMap}
       level={tooltipLevel}

package/src/components/cards/strip-card/index.tsx

@@ -11,7 +11,7 @@ import {
 } from '@terrafirmagreg-team/recipe/components/cards/strip-card/buttons';
 import { StripCardMember } from '@terrafirmagreg-team/recipe/components/cards/strip-card/member-cell';
 import { recipeGrid } from '@terrafirmagreg-team/recipe/lib/data/grid';
-import { recipeSlots } from '@terrafirmagreg-team/recipe/lib/recipe-slots';
+import { recipeSlots } from '@terrafirmagreg-team/recipe/lib/browser/recipe-slots';
 import { cn } from '@terrafirmagreg-team/ui/lib/utils/cn';
 import { useInView } from '@terrafirmagreg-team/ui/hooks/use-in-view';
 import { Hint } from '@terrafirmagreg-team/ui/components/blocks/tooltip/hint';

package/src/components/cards/strip-card/member-cell.tsx

@@ -10,7 +10,7 @@ import {
 import { stackDisplayName } from '@terrafirmagreg-team/game/lib/entry/display';
 import { entryHref } from '@terrafirmagreg-team/game/lib/entry/href';
 import { loadStackDisplay } from '@terrafirmagreg-team/game/lib/entry/tooltip';
-import { favoriteHover } from '@terrafirmagreg-team/recipe/lib/favorite-hover';
+import { favoriteHover } from '@terrafirmagreg-team/recipe/lib/browser/favorite-hover';
 import { useAsyncResult } from '@terrafirmagreg-team/ui/hooks/use-async-value';
 import type { ReferenceKind } from '@terrafirmagreg-team/dump/lib/dump/contract/ref';
 import type { RecipeGridMember } from '@terrafirmagreg-team/recipe/lib/data/dto';

package/src/components/embed-card.tsx

@@ -37,6 +37,7 @@ export function RecipeEmbedCard({
           title={title}
           src={src}
           onFail={() => setFailed(true)}
+          interactive={false}
         />
       </FitBox>
     </Link>

package/src/components/tree.tsx

@@ -4,10 +4,9 @@ import { createElement } from 'react';
 import type * as PageTree from 'fumadocs-core/page-tree';
 import { Entry } from '@terrafirmagreg-team/game/components/entry/entry';
 import { loadMergedLangMap, creativeTabName } from '@terrafirmagreg-team/dump/lib/dump/assets/lang/load';
-import { loadClientManifest } from '@terrafirmagreg-team/dump/lib/dump/client/dump';
 import { DUMP_POINTER_TTL } from '@terrafirmagreg-team/dump/lib/dump/json-reader';
 import { createAsyncCache } from '@terrafirmagreg-team/data/lib/async-cache';
-import { loadDatasetRecipeCategories } from '@terrafirmagreg-team/recipe/lib/data/category/load';
+import { getRecipeSource } from '@terrafirmagreg-team/recipe/lib/source';
 import { keyTreeNode } from '@terrafirmagreg-team/translate/server';
 import { loadLocaleRegistry } from '@terrafirmagreg-team/translate/server';
 import { encodeQueryValue } from '@terrafirmagreg-team/translate/lib/url';
@@ -68,8 +67,9 @@ async function buildRecipeTrees(): Promise<SectionTrees> {
     for (const lang of languages ?? [defaultLanguage]) {
       const ref = { id };
       const map = await loadMergedLangMap(ref, lang);
-      const categories = await loadDatasetRecipeCategories(ref);
-      const types = (await loadClientManifest(ref))?.indexes.recipes.types;
+      const source = getRecipeSource();
+      const categories = await source.categories(ref);
+      const types = (await source.manifest(ref))?.indexes.recipes.types;
       const nonEmpty = types
         ? new Set(
             types

package/src/components/views/browser/card-grid.tsx

@@ -3,6 +3,7 @@
 import { useEffect, useState, type ReactNode, type RefObject } from 'react';
 import { useAsyncValue } from '@terrafirmagreg-team/ui/hooks/use-async-value';
 import { useTranslations } from '@terrafirmagreg-team/translate/hooks/use-translations';
+import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolved-lang';
 import { PagedCard } from '@terrafirmagreg-team/recipe/components/cards/paged-card';
 import { RecipeDefaultMenuItem } from '@terrafirmagreg-team/recipe/components/cards/default-item';
 import { CopyIdMenu } from '@terrafirmagreg-team/game/components/entry/copy-id-menu';
@@ -17,7 +18,7 @@ import { recipeItemName } from '@terrafirmagreg-team/recipe/lib/client-index';
 import { loadClientRecipe } from '@terrafirmagreg-team/recipe/lib/client/recipe';
 import { pushUrlState } from '@terrafirmagreg-team/ui/lib/utils/history';
 import { useSwipe } from '@terrafirmagreg-team/ui/hooks/use-swipe';
-import { favoriteHover } from '@terrafirmagreg-team/recipe/lib/favorite-hover';
+import { favoriteHover } from '@terrafirmagreg-team/recipe/lib/browser/favorite-hover';
 import { recipeTitle } from '@terrafirmagreg-team/recipe/lib/data/parse';
 import { cn } from '@terrafirmagreg-team/ui/lib/utils/cn';
 import type { FitDim } from '@terrafirmagreg-team/ui/hooks/page/use-fit-pages';
@@ -67,6 +68,7 @@ function RecipeGridCard({
   defaultMaterial?: string;
 }) {
   const t = useTranslations();
+  const resolved = useResolvedLang();
   const { dataset, lang, langMap, names, nav, index } = session;
   const recipe = useAsyncValue(
     () => loadClientRecipe(dataset, row.id, row.bucket),
@@ -89,17 +91,17 @@ function RecipeGridCard({
 
   const focus = () =>
     pushUrlState(
-      recipeHref(dataset, lang, { ...nav, id: row.id, solo: undefined }),
+      recipeHref(dataset, resolved, { ...nav, id: row.id, solo: undefined }),
     );
 
   const isolate = () =>
     pushUrlState(
-      recipeHref(dataset, lang, { ...nav, id: row.id, solo: '1' }),
+      recipeHref(dataset, resolved, { ...nav, id: row.id, solo: '1' }),
     );
 
   const openNewTab = () =>
     window.open(
-      recipeHref(dataset, lang, { ...nav, id: row.id, solo: '1' }),
+      recipeHref(dataset, resolved, { ...nav, id: row.id, solo: '1' }),
       '_blank',
       'noopener',
     );

package/src/components/views/browser/frame.tsx

@@ -3,6 +3,7 @@
 import Link from 'next/link';
 import type { ReactNode } from 'react';
 import { useTranslations } from '@terrafirmagreg-team/translate/hooks/use-translations';
+import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolved-lang';
 import { QueryPager } from '@terrafirmagreg-team/recipe/components/views/browser/query-controls';
 import { Pager } from '@terrafirmagreg-team/ui/components/blocks/page/pager';
 import { RecipeToolbar } from '@terrafirmagreg-team/recipe/components/views/browser/toolbar';
@@ -38,6 +39,7 @@ export function RecipeFrame({
   children: ReactNode;
 }) {
   const t = useTranslations();
+  const resolved = useResolvedLang();
   const goPage = (dir: number) => {
     if (!list || list.pages <= 1) return;
     const next = (list.page + dir + list.pages) % list.pages;
@@ -46,7 +48,7 @@ export function RecipeFrame({
       return;
     }
     replaceUrlState(
-      recipeHref(session.dataset, session.lang, {
+      recipeHref(session.dataset, resolved, {
         ...session.nav,
         id: undefined,
         rpage: next > 0 ? next + 1 : undefined,
@@ -88,7 +90,6 @@ export function RecipeFrame({
         ) : (
           <QueryPager
             dataset={session.dataset}
-            lang={session.lang}
             params={{ ...session.nav, id: undefined }}
             query={session.query}
             list={list}

package/src/components/views/browser/index.tsx

@@ -21,6 +21,27 @@ import { cn } from '@terrafirmagreg-team/ui/lib/utils/cn';
 import type { Lang } from '@terrafirmagreg-team/translate/types/locale';
 import type { RecipePageData } from '@terrafirmagreg-team/recipe/types';
 
+export function RecipeBrowserFallback() {
+  return (
+    <div className="viewport-shell recipe-viewport not-prose flex w-full flex-col gap-3">
+      <div className="flex min-h-0 flex-1 gap-4">
+        <main className="flex min-w-0 flex-1 flex-col">
+          <Skeleton className="mb-3 h-9 w-full rounded-md" />
+          <div className="flex min-h-0 flex-1 flex-col items-center justify-start gap-2 pt-2">
+            {Array.from({ length: 6 }, (_, i) => (
+              <Skeleton
+                key={i}
+                className="h-24 rounded-md"
+                style={{ width: 240 + (i % 3) * 70 }}
+              />
+            ))}
+          </div>
+        </main>
+      </div>
+    </div>
+  );
+}
+
 export function RecipeBrowser({
   dataset: id,
   datasetTitle,

package/src/components/views/browser/item-panel/index.tsx

@@ -9,6 +9,7 @@ import {
   useState,
 } from 'react';
 import { useTranslations } from '@terrafirmagreg-team/translate/hooks/use-translations';
+import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolved-lang';
 import { useFavorites } from '@terrafirmagreg-team/recipe/hooks/use-favorites';
 import { useFavoriteHotkey } from '@terrafirmagreg-team/recipe/hooks/use-favorite-hotkey';
 import { useHideUnused } from '@terrafirmagreg-team/recipe/hooks/use-hide-unused';
@@ -16,10 +17,10 @@ import { usePagedList } from '@terrafirmagreg-team/ui/hooks/page/use-paged-list'
 import { useSwipe } from '@terrafirmagreg-team/ui/hooks/use-swipe';
 import { useElementSize } from '@terrafirmagreg-team/ui/hooks/use-element-size';
 import { EmptyState } from '@terrafirmagreg-team/ui/components/blocks/page/empty-state';
-import { type ItemPanelMode } from '@terrafirmagreg-team/recipe/lib/panel';
+import { type ItemPanelMode } from '@terrafirmagreg-team/recipe/lib/browser/panel';
 import { recipeHref } from '@terrafirmagreg-team/recipe/lib/links';
 import { replaceUrlState } from '@terrafirmagreg-team/ui/lib/utils/history';
-import { favoriteHover } from '@terrafirmagreg-team/recipe/lib/favorite-hover';
+import { favoriteHover } from '@terrafirmagreg-team/recipe/lib/browser/favorite-hover';
 import { IconPager } from '@terrafirmagreg-team/ui/components/blocks/page/pager';
 import { FavoriteButton } from '@terrafirmagreg-team/recipe/components/views/browser/favorite-button';
 import { ItemPanelGrid } from '@terrafirmagreg-team/recipe/components/views/browser/item-panel-grid';
@@ -111,12 +112,13 @@ export const ItemPanel = memo(function ItemPanel({
     });
   }, []);
 
-  const onPress = useItemPress({ dataset, lang, nav, isCalc });
+  const resolved = useResolvedLang();
+  const onPress = useItemPress({ dataset, nav, isCalc });
 
   const setTab = (next: string) => {
     setPanelPage(0);
     replaceUrlState(
-      recipeHref(dataset, lang, {
+      recipeHref(dataset, resolved, {
         ...nav,
         tab: next || undefined,
       }),
@@ -212,7 +214,6 @@ export const ItemPanel = memo(function ItemPanel({
         <RecipeSettings />
         <QuerySearch
           dataset={dataset}
-          lang={lang}
           params={nav}
           query={query}
           onQuery={(next) => {

package/src/components/views/browser/item-panel-grid/cell.tsx

@@ -15,7 +15,7 @@ import { cn } from '@terrafirmagreg-team/ui/lib/utils/cn';
 import { RecipeFavoriteCell } from '@terrafirmagreg-team/recipe/components/views/browser/item-panel-grid/favorite-cell';
 import type { Lang } from '@terrafirmagreg-team/translate/types/locale';
 import type { EntrySize } from '@terrafirmagreg-team/game/types/entry';
-import type { FavoriteHoverTarget } from '@terrafirmagreg-team/recipe/lib/favorite-hover';
+import type { FavoriteHoverTarget } from '@terrafirmagreg-team/recipe/lib/browser/favorite-hover';
 import type { ItemPanelCell, RecipeHrefOpts } from '@terrafirmagreg-team/recipe/types';
 
 function PanelChip({

package/src/components/views/browser/item-panel-grid/index.tsx

@@ -8,7 +8,7 @@ import { useMountLimit } from '@terrafirmagreg-team/recipe/hooks/use-mount-limit
 import { useGroupOutlines } from '@terrafirmagreg-team/recipe/hooks/use-group-outlines';
 import { Skeleton } from '@terrafirmagreg-team/ui/components/ui/skeleton';
 import type { Lang } from '@terrafirmagreg-team/translate/types/locale';
-import type { FavoriteHoverTarget } from '@terrafirmagreg-team/recipe/lib/favorite-hover';
+import type { FavoriteHoverTarget } from '@terrafirmagreg-team/recipe/lib/browser/favorite-hover';
 import type { ItemPanelCell, RecipeHrefOpts } from '@terrafirmagreg-team/recipe/types';
 
 const CELL = 36;

package/src/components/views/browser/item-view/index.tsx

@@ -2,6 +2,7 @@
 
 import { useMemo, useRef } from 'react';
 import { useTranslations } from '@terrafirmagreg-team/translate/hooks/use-translations';
+import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolved-lang';
 import { RecipeFrame } from '@terrafirmagreg-team/recipe/components/views/browser/frame';
 import { ItemViewHeader } from '@terrafirmagreg-team/recipe/components/views/browser/item-view-header';
 import {
@@ -35,6 +36,7 @@ import type {
 
 export function ItemView({ session }: { session: RecipeSession }) {
   const t = useTranslations();
+  const resolved = useResolvedLang();
   const {
     dataset,
     lang,
@@ -63,7 +65,6 @@ export function ItemView({ session }: { session: RecipeSession }) {
   const tags = useItemTagGroups({ dataset, index, item, kind });
   const pane = useItemPane({
     dataset,
-    lang,
     nav,
     relation,
     recipeId,
@@ -110,13 +111,13 @@ export function ItemView({ session }: { session: RecipeSession }) {
       const row = typeFilter.rows[focusIndex + dir];
       if (focusIndex < 0 || !row) return;
       replaceUrlState(
-        recipeHref(dataset, lang, { ...nav, id: row.id, rpage: undefined }),
+        recipeHref(dataset, resolved, { ...nav, id: row.id, rpage: undefined }),
       );
       return;
     }
     if (list.pages <= 1) return;
     replaceUrlState(
-      recipeHref(dataset, lang, {
+      recipeHref(dataset, resolved, {
         ...nav,
         rpage: (list.page + dir + list.pages) % list.pages,
       }),

package/src/components/views/browser/item-view/tags.tsx

@@ -2,6 +2,7 @@
 import type { DatasetRef } from '@terrafirmagreg-team/sites/location';
 
 import { useTranslations } from '@terrafirmagreg-team/translate/hooks/use-translations';
+import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolved-lang';
 import { EmptyState } from '@terrafirmagreg-team/ui/components/blocks/page/empty-state';
 import { LinkPreview } from '@terrafirmagreg-team/ui/components/blocks/link/link-preview';
 import { recipeItemName } from '@terrafirmagreg-team/recipe/lib/client-index';
@@ -27,6 +28,7 @@ export function ItemTagGroups({
   nav: RecipeHrefOpts;
 }) {
   const t = useTranslations();
+  const resolved = useResolvedLang();
   if (!groups.length) {
     return <EmptyState variant="empty">{t('No tags for this item.', { note: 'recipe.empty_tags' })}</EmptyState>;
   }
@@ -47,7 +49,7 @@ export function ItemTagGroups({
               return (
                 <LinkPreview
                   key={`${tagKind}:${id}`}
-                  href={recipeHref(dataset, lang, {
+                  href={recipeHref(dataset, resolved, {
                     type: 'emi:tag',
                     id: tagPseudoId(id, tagKind),
                     search: query || undefined,
@@ -65,7 +67,7 @@ export function ItemTagGroups({
                         ? text || token
                         : `${text} ${token}`;
                     replaceUrlState(
-                      recipeHref(dataset, lang, {
+                      recipeHref(dataset, resolved, {
                         type: 'emi:tag',
                         search,
                       }),

package/src/components/views/browser/query-controls.tsx

@@ -10,20 +10,18 @@ import {
 } from '@terrafirmagreg-team/ui/components/ui/input-group';
 import { Pager } from '@terrafirmagreg-team/ui/components/blocks/page/pager';
 import { recipeHref } from '@terrafirmagreg-team/recipe/lib/links';
+import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolved-lang';
 import { replaceUrlState } from '@terrafirmagreg-team/ui/lib/utils/history';
 import { cn } from '@terrafirmagreg-team/ui/lib/utils/cn';
-import type { Lang } from '@terrafirmagreg-team/translate/types/locale';
 import type { RecipeHrefOpts } from '@terrafirmagreg-team/recipe/types';
 
 type QueryNav = {
   dataset: DatasetRef;
-  lang: Lang;
   params?: RecipeHrefOpts;
 };
 
 export function QuerySearch({
   dataset,
-  lang,
   params,
   query,
   onQuery,
@@ -35,6 +33,7 @@ export function QuerySearch({
   placeholder?: string;
   className?: string;
 }) {
+  const resolved = useResolvedLang();
   return (
     <InputGroup className={cn('w-full', className)}>
       <InputGroupAddon>
@@ -48,7 +47,7 @@ export function QuerySearch({
           const next = event.target.value;
           onQuery(next);
           replaceUrlState(
-            recipeHref(dataset, lang, {
+            recipeHref(dataset, resolved, {
               ...params,
               search: next || undefined,
             }),
@@ -61,7 +60,6 @@ export function QuerySearch({
 
 export function QueryPager({
   dataset,
-  lang,
   params,
   query,
   list,
@@ -81,6 +79,7 @@ export function QueryPager({
   leading?: ReactNode;
   className?: string;
 }) {
+  const resolved = useResolvedLang();
   return (
     <Pager
       page={list.page}
@@ -92,7 +91,7 @@ export function QueryPager({
       className={className}
       onPage={(next) =>
         replaceUrlState(
-          recipeHref(dataset, lang, {
+          recipeHref(dataset, resolved, {
             ...params,
             search: query || undefined,
             rpage: next + 1,

package/src/components/views/browser/type-view.tsx

@@ -2,6 +2,7 @@
 
 import { useEffect, useRef } from 'react';
 import { useTranslations } from '@terrafirmagreg-team/translate/hooks/use-translations';
+import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolved-lang';
 import { useAsyncResult, useAsyncValue } from '@terrafirmagreg-team/ui/hooks/use-async-value';
 import { RecipeFrame } from '@terrafirmagreg-team/recipe/components/views/browser/frame';
 import {
@@ -29,9 +30,9 @@ const EMPTY_ROWS: RecipeCompactRow[] = [];
 
 export function TypeView({ session }: { session: RecipeSession }) {
   const t = useTranslations();
+  const resolved = useResolvedLang();
   const {
     dataset,
-    lang,
     index,
     indexLoading,
     place,
@@ -82,14 +83,14 @@ export function TypeView({ session }: { session: RecipeSession }) {
     const row = focusRes.value?.[0];
     const category = row ? index.types[row.type] : undefined;
     replaceUrlState(
-      recipeHref(dataset, lang, {
+      recipeHref(dataset, resolved, {
         ...nav,
         ...(category && category !== shown ? { type: category } : {}),
         ...(category ? {} : { id: undefined }),
         rpage: undefined,
       }),
     );
-  }, [focusIndex, focusRes.pending, focusRes.value, index, nav, dataset, lang, recipeId, rows, shown]);
+  }, [focusIndex, focusRes.pending, focusRes.value, index, nav, dataset, resolved, recipeId, rows, shown]);
   const list = useFitPages(
     boxRef,
     feedRows,
@@ -109,13 +110,13 @@ export function TypeView({ session }: { session: RecipeSession }) {
       const row = allRows[next];
       if (focusIndex < 0 || !row) return;
       replaceUrlState(
-        recipeHref(dataset, lang, { ...nav, id: row.id, rpage: undefined }),
+        recipeHref(dataset, resolved, { ...nav, id: row.id, rpage: undefined }),
       );
       return;
     }
     if (list.pages <= 1) return;
     replaceUrlState(
-      recipeHref(dataset, lang, {
+      recipeHref(dataset, resolved, {
         ...nav,
         rpage: (list.page + dir + list.pages) % list.pages,
       }),
@@ -154,7 +155,7 @@ export function TypeView({ session }: { session: RecipeSession }) {
           onChange={(id) => {
             if (id === shown) return;
             replaceUrlState(
-              recipeHref(dataset, lang, {
+              recipeHref(dataset, resolved, {
                 ...nav,
                 type: id,
                 id: undefined,

package/src/components/views/calc/edge.tsx

@@ -12,7 +12,7 @@ import {
 } from '@terrafirmagreg-team/ui/lib/canvas/edge';
 import { Entry } from '@terrafirmagreg-team/game/components/entry/entry';
 import type { DatasetRef } from '@terrafirmagreg-team/sites/location';
-import { useCalcSession } from '@terrafirmagreg-team/recipe/hooks/calc/use-session';
+import { useCalcSession } from '@terrafirmagreg-team/recipe/hooks/calc/use-calc-session';
 import { recipeItemName } from '@terrafirmagreg-team/recipe/lib/client-index';
 import { formatCount } from '@terrafirmagreg-team/ui/lib/utils/format';
 import type { FlowPoint } from '@terrafirmagreg-team/ui/types/canvas';

package/src/components/views/calc/flow/index.tsx

@@ -26,7 +26,7 @@ import { CalcNodeCard } from '@terrafirmagreg-team/recipe/components/views/calc/
 import { CalcDotOverlay } from '@terrafirmagreg-team/recipe/components/views/calc/dot-overlay';
 import { EmptyState } from '@terrafirmagreg-team/ui/components/blocks/page/empty-state';
 import { CalcEdge } from '@terrafirmagreg-team/recipe/components/views/calc/edge';
-import { CalcSessionProvider } from '@terrafirmagreg-team/recipe/hooks/calc/use-session';
+import { CalcSessionProvider } from '@terrafirmagreg-team/recipe/hooks/calc/use-calc-session';
 import { CalcFarProvider } from '@terrafirmagreg-team/recipe/hooks/calc/use-far-mode';
 import { CalcTierProvider } from '@terrafirmagreg-team/recipe/hooks/calc/use-tier';
 import { useFlowPickers } from '@terrafirmagreg-team/recipe/hooks/calc/flow/use-pickers';

package/src/components/views/calc/node-card/far.tsx

@@ -8,7 +8,7 @@ import { useTranslations } from '@terrafirmagreg-team/translate/hooks/use-transl
 import { StackCount } from '@terrafirmagreg-team/game/components/entry/stack-count';
 import { PagedCard } from '@terrafirmagreg-team/recipe/components/cards/paged-card';
 import { Skeleton } from '@terrafirmagreg-team/ui/components/ui/skeleton';
-import { useCalcSession } from '@terrafirmagreg-team/recipe/hooks/calc/use-session';
+import { useCalcSession } from '@terrafirmagreg-team/recipe/hooks/calc/use-calc-session';
 import { recipeItemName } from '@terrafirmagreg-team/recipe/lib/client-index';
 import {
   recipeCardImageUrl,

package/src/components/views/calc/node-card/full.tsx

@@ -19,7 +19,7 @@ import { Entry } from '@terrafirmagreg-team/game/components/entry/entry';
 import { StackCount } from '@terrafirmagreg-team/game/components/entry/stack-count';
 import { PagedCard } from '@terrafirmagreg-team/recipe/components/cards/paged-card';
 import { Skeleton } from '@terrafirmagreg-team/ui/components/ui/skeleton';
-import { useCalcSession } from '@terrafirmagreg-team/recipe/hooks/calc/use-session';
+import { useCalcSession } from '@terrafirmagreg-team/recipe/hooks/calc/use-calc-session';
 import { useCalcFar } from '@terrafirmagreg-team/recipe/hooks/calc/use-far-mode';
 import { useCalcTier } from '@terrafirmagreg-team/recipe/hooks/calc/use-tier';
 import { recipeItemName } from '@terrafirmagreg-team/recipe/lib/client-index';

package/src/components/views/landing.tsx

@@ -0,0 +1,32 @@
+import { Suspense } from 'react';
+import { WorkspaceBody } from '@terrafirmagreg-team/ui/components/layouts/workspace';
+import type {
+  SectionLandingProps,
+  SectionLandingView,
+} from '@terrafirmagreg-team/kit/components/views/routes';
+import type { RecipeSource } from '@terrafirmagreg-team/recipe/lib/source';
+import {
+  RecipeBrowser,
+  RecipeBrowserFallback,
+} from '@terrafirmagreg-team/recipe/components/views/browser';
+
+export function recipeLanding({
+  page,
+  lang,
+}: SectionLandingProps<RecipeSource>): SectionLandingView {
+  return {
+    node: (
+      <WorkspaceBody className="viewport-body">
+        <Suspense fallback={<RecipeBrowserFallback />}>
+          <RecipeBrowser
+            dataset={page.dataset.id}
+            datasetTitle={page.datasetTitle ?? page.dataset.id}
+            lang={lang}
+            versions={page.versions}
+          />
+        </Suspense>
+      </WorkspaceBody>
+    ),
+    workspace: { full: true, pagination: false },
+  };
+}

package/src/components/views/layout.tsx

@@ -0,0 +1,14 @@
+import { Layout } from '@terrafirmagreg-team/kit/components/layouts/layout';
+import type { SectionLayoutViewProps } from '@terrafirmagreg-team/kit/components/views/routes';
+import { RecipeAxisSwitcher } from '@terrafirmagreg-team/recipe/components/views/browser/axis-switcher';
+import { useRecipeLeftSidebarTree } from '@terrafirmagreg-team/recipe/hooks/use-left-sidebar-tree';
+
+export function RecipeLayout(props: SectionLayoutViewProps) {
+  return (
+    <Layout
+      {...props}
+      useTree={useRecipeLeftSidebarTree}
+      sidebar={{ feature: RecipeAxisSwitcher }}
+    />
+  );
+}

package/src/hooks/alloy/use-mix-state.ts

@@ -2,6 +2,7 @@
 
 import { useEffect, useMemo, useState } from 'react';
 import { useTranslations } from '@terrafirmagreg-team/translate/hooks/use-translations';
+import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolved-lang';
 import { replaceUrlState } from '@terrafirmagreg-team/ui/lib/utils/history';
 import { recipeItemName } from '@terrafirmagreg-team/recipe/lib/client-index';
 import { useFluidColors } from '@terrafirmagreg-team/recipe/hooks/alloy/use-fluid-colors';
@@ -92,10 +93,11 @@ export function useMixState(recipe: AlloyRecipe, session: RecipeSession) {
     }
   }
 
+  const resolved = useResolvedLang();
   useEffect(() => {
     const mix = amounts.map((value) => trim(value)).join(';');
     replaceUrlState(
-      recipeHref(session.dataset, session.lang, {
+      recipeHref(session.dataset, resolved, {
         tool: 'alloy',
         id: recipe.recipe.id,
         tab: session.tab,
@@ -108,7 +110,7 @@ export function useMixState(recipe: AlloyRecipe, session: RecipeSession) {
     amounts,
     recipe.recipe.id,
     session.dataset,
-    session.lang,
+    resolved,
     session.tab,
   ]);
   const mix = useMemo(

package/src/hooks/calc/use-data.ts

@@ -21,13 +21,12 @@ import { useCalcResolver } from './use-resolver';
 import { useRecipeDefaults } from './use-defaults';
 
 export function useCalcData(session: RecipeSession) {
-  const { dataset, lang } = session;
+  const { dataset } = session;
   const catalog = session.index;
   const storageKey = calcStorageKey('recipe', dataset);
   const sharePending = useCalcShare({
     storageKey,
     dataset,
-    lang,
     incoming: session.tree ?? '',
   });
   const {

package/src/hooks/calc/use-share.ts

@@ -8,18 +8,17 @@ import {
   writeCalcTabs,
 } from '@terrafirmagreg-team/recipe/lib/calc/storage';
 import { recipeCalcHref } from '@terrafirmagreg-team/recipe/lib/links';
+import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolved-lang';
 import { replaceUrlState } from '@terrafirmagreg-team/ui/lib/utils/history';
 import type { DatasetRef } from '@terrafirmagreg-team/sites/location';
 
 export function useCalcShare({
   storageKey,
   dataset,
-  lang,
   incoming,
 }: {
   storageKey: string;
   dataset: DatasetRef;
-  lang: string;
   incoming: string;
 }): boolean {
   const isShareId = incoming.startsWith('s');
@@ -44,6 +43,7 @@ export function useCalcShare({
     };
   }, [isShareId, incoming, dataset]);
   const transport = isShareId ? sharedTree : incoming || null;
+  const resolved = useResolvedLang();
 
   useEffect(() => {
     if (transport === null) return;
@@ -56,8 +56,8 @@ export function useCalcShare({
         entry.id,
       );
     }
-    if (incoming) replaceUrlState(recipeCalcHref(dataset, lang));
-  }, [transport, storageKey, dataset, lang, incoming]);
+    if (incoming) replaceUrlState(recipeCalcHref(dataset, resolved));
+  }, [transport, storageKey, dataset, resolved, incoming]);
 
   return isShareId && sharedTree === null;
 }

package/src/hooks/use-add-to-calc.ts

@@ -6,11 +6,13 @@ import {
   encodeCalcState,
 } from '@terrafirmagreg-team/recipe/lib/calc/tree';
 import { recipeCalcHref } from '@terrafirmagreg-team/recipe/lib/links';
+import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolved-lang';
 import { replaceUrlState } from '@terrafirmagreg-team/ui/lib/utils/history';
 import type { RecipeSession } from '@terrafirmagreg-team/recipe/types';
 
 export function useAddToCalc(session: RecipeSession) {
-  const { dataset, lang, tree } = session;
+  const { dataset, tree } = session;
+  const resolved = useResolvedLang();
   return useCallback(
     (item: string, kind: 'item' | 'fluid') => {
       const state = decodeCalcState(tree ?? '') ?? {
@@ -40,12 +42,12 @@ export function useAddToCalc(session: RecipeSession) {
       replaceUrlState(
         recipeCalcHref(
           dataset,
-          lang,
+          resolved,
           encodeCalcState({ ...state, cards }),
         ),
       );
     },
-    [tree, dataset, lang],
+    [tree, dataset, resolved],
   );
 }
 

package/src/hooks/use-favorite-hotkey.ts

@@ -2,7 +2,7 @@
 
 import { useEffect } from 'react';
 import { useFavorites } from '@terrafirmagreg-team/recipe/hooks/use-favorites';
-import { favoriteHoverTarget } from '@terrafirmagreg-team/recipe/lib/favorite-hover';
+import { favoriteHoverTarget } from '@terrafirmagreg-team/recipe/lib/browser/favorite-hover';
 
 export function useFavoriteHotkey() {
   const { toggleItem, toggleRecipe } = useFavorites();

package/src/hooks/use-group-outlines.ts

@@ -1,7 +1,7 @@
 'use client';
 
 import { useLayoutEffect, useMemo, useRef, useState } from 'react';
-import { groupOutlines } from '@terrafirmagreg-team/recipe/lib/panel-outline';
+import { groupOutlines } from '@terrafirmagreg-team/recipe/lib/browser/panel-outline';
 import type { ItemPanelCell } from '@terrafirmagreg-team/recipe/types';
 
 const CELL = 36;

package/src/hooks/use-index.ts

@@ -9,7 +9,7 @@ import {
   loadRecipeCompactIndex,
   loadRecipeSkeletonIndex,
 } from '@terrafirmagreg-team/recipe/lib/client-index';
-import { publishRecipeIndex } from '@terrafirmagreg-team/recipe/lib/index-store';
+import { publishRecipeIndex } from '@terrafirmagreg-team/recipe/lib/client-index/store';
 import type { RecipeCompactIndex } from '@terrafirmagreg-team/recipe/types';
 
 type LoadedIndex = { key: string; index: RecipeCompactIndex };

package/src/hooks/use-item-feeds.ts

@@ -5,7 +5,7 @@ import { useAsyncResult } from '@terrafirmagreg-team/ui/hooks/use-async-value';
 import {
   recipesForOutput,
   usesForInput,
-} from '@terrafirmagreg-team/recipe/lib/lookup';
+} from '@terrafirmagreg-team/recipe/lib/browser/lookup';
 import type { RecipeCompactIndex, RecipeCompactRow } from '@terrafirmagreg-team/recipe/types';
 
 export const EMPTY_ROWS: RecipeCompactRow[] = [];

package/src/hooks/use-item-pane.ts

@@ -4,12 +4,12 @@ import type { DatasetRef } from '@terrafirmagreg-team/sites/location';
 import { createElement, useMemo } from 'react';
 import { ArrowDownToLine, ArrowUpFromLine, Tag } from 'lucide-react';
 import { useTranslations } from '@terrafirmagreg-team/translate/hooks/use-translations';
+import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolved-lang';
 import { usePaneKeys } from '@terrafirmagreg-team/ui/hooks/use-pane-keys';
 import { recipeHref } from '@terrafirmagreg-team/recipe/lib/links';
 import { replaceUrlState } from '@terrafirmagreg-team/ui/lib/utils/history';
 import { EMPTY_ROWS } from '@terrafirmagreg-team/recipe/hooks/use-item-feeds';
 import type { PaneTabOption } from '@terrafirmagreg-team/recipe/components/views/browser/pane-tabs';
-import type { Lang } from '@terrafirmagreg-team/translate/types/locale';
 import type {
   RecipeCompactRow,
   RecipeHrefOpts,
@@ -23,7 +23,6 @@ const inFeed = (id: string | undefined, rows: RecipeCompactRow[] | undefined) =>
 
 export function useItemPane({
   dataset,
-  lang,
   nav,
   relation,
   recipeId,
@@ -33,7 +32,6 @@ export function useItemPane({
   feedsPending,
 }: {
   dataset: DatasetRef;
-  lang: Lang;
   nav: RecipeHrefOpts;
   relation?: RecipeRelation;
   recipeId?: string;
@@ -43,6 +41,7 @@ export function useItemPane({
   feedsPending: boolean;
 }) {
   const t = useTranslations();
+  const resolved = useResolvedLang();
   const available = {
     recipes: (recipes ?? EMPTY_ROWS).length > 0,
     uses: (uses ?? EMPTY_ROWS).length > 0,
@@ -60,7 +59,7 @@ export function useItemPane({
     relation && (feedsPending || available[relation]) ? relation : fallback;
   const select = (next: ItemPane) => {
     replaceUrlState(
-      recipeHref(dataset, lang, {
+      recipeHref(dataset, resolved, {
         ...nav,
         relation: next === 'recipes' ? undefined : next,
         rpage: undefined,

package/src/hooks/use-item-press.ts

@@ -9,21 +9,20 @@ import {
 } from '@terrafirmagreg-team/recipe/lib/calc/storage';
 import { requestCalcFocus } from '@terrafirmagreg-team/recipe/lib/calc/focus';
 import { recipeHref } from '@terrafirmagreg-team/recipe/lib/links';
+import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolved-lang';
 import { replaceUrlState } from '@terrafirmagreg-team/ui/lib/utils/history';
-import type { Lang } from '@terrafirmagreg-team/translate/types/locale';
 import type { RecipeHrefOpts } from '@terrafirmagreg-team/recipe/types';
 
 export function useItemPress({
   dataset,
-  lang,
   nav,
   isCalc,
 }: {
   dataset: DatasetRef;
-  lang: Lang;
   nav: RecipeHrefOpts;
   isCalc: boolean;
 }) {
+  const resolved = useResolvedLang();
   const pressRef = useRef<(id: string, ref?: 'item' | 'fluid') => void>(
     () => {},
   );
@@ -67,7 +66,7 @@ export function useItemPress({
           return;
         }
         replaceUrlState(
-          recipeHref(dataset, lang, {
+          recipeHref(dataset, resolved, {
             ...nav,
             type: undefined,
             tool: undefined,

package/src/hooks/use-item-tag-groups.ts

@@ -4,7 +4,7 @@ import type { DatasetRef } from '@terrafirmagreg-team/sites/location';
 import { useMemo } from 'react';
 import { useAsyncValue } from '@terrafirmagreg-team/ui/hooks/use-async-value';
 import { loadTagSlice } from '@terrafirmagreg-team/recipe/lib/client-index';
-import { registryId } from '@terrafirmagreg-team/recipe/lib/lookup';
+import { registryId } from '@terrafirmagreg-team/recipe/lib/browser/lookup';
 import { splitDumpId } from '@terrafirmagreg-team/dump/lib/dump/paths';
 import type { RecipeCompactIndex } from '@terrafirmagreg-team/recipe/types';
 

package/src/hooks/use-left-sidebar-tree.ts

@@ -7,7 +7,7 @@ import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolv
 import { useLastValue } from '@terrafirmagreg-team/ui/hooks/use-last-value';
 import { useRecipeModNames } from '@terrafirmagreg-team/recipe/hooks/use-mod-names';
 import { useSidebarGroup } from '@terrafirmagreg-team/recipe/hooks/use-sidebar-group';
-import { groupRecipeSidebarByMod } from '@terrafirmagreg-team/recipe/lib/sidebar';
+import { groupRecipeSidebarByMod } from '@terrafirmagreg-team/recipe/lib/browser/sidebar';
 import { parseSectionLocation } from '@terrafirmagreg-team/sites/location';
 
 export function useRecipeLeftSidebarTree(tree: PageTree.Root): PageTree.Root {

package/src/hooks/use-panel-cells.ts

@@ -4,17 +4,17 @@ import type { DatasetRef } from '@terrafirmagreg-team/sites/location';
 import { useDeferredValue, useMemo } from 'react';
 import { useItemTooltips } from '@terrafirmagreg-team/recipe/hooks/use-item-tooltips';
 import { useTagMembers } from '@terrafirmagreg-team/recipe/hooks/use-tag-members';
-import { filterCatalogItemIds } from '@terrafirmagreg-team/recipe/lib/search';
+import { filterCatalogItemIds } from '@terrafirmagreg-team/recipe/lib/search/index';
 import {
   buildPanelCells,
   panelPool,
   type ItemPanelMode,
-} from '@terrafirmagreg-team/recipe/lib/panel';
+} from '@terrafirmagreg-team/recipe/lib/browser/panel';
 import {
   filterUsedIds,
   hasRecipeUsage,
   recipeUsedItems,
-} from '@terrafirmagreg-team/recipe/lib/used-items';
+} from '@terrafirmagreg-team/recipe/lib/browser/used-items';
 import type { Lang } from '@terrafirmagreg-team/translate/types/locale';
 import type {
   FavoriteEntry,

package/src/hooks/use-panel-tabs.ts

@@ -3,7 +3,7 @@
 import { createElement, useMemo } from 'react';
 import { Entry } from '@terrafirmagreg-team/game/components/entry/entry';
 import { useTranslations } from '@terrafirmagreg-team/translate/hooks/use-translations';
-import { panelTabRows } from '@terrafirmagreg-team/recipe/lib/panel';
+import { panelTabRows } from '@terrafirmagreg-team/recipe/lib/browser/panel';
 import type { Lang } from '@terrafirmagreg-team/translate/types/locale';
 import type { RecipeCompactIndex } from '@terrafirmagreg-team/recipe/types';
 

package/src/hooks/use-query.ts

@@ -3,6 +3,7 @@ import type { DatasetRef } from '@terrafirmagreg-team/sites/location';
 
 import { useEffect, useState } from 'react';
 import { useLocationSearchParams } from '@terrafirmagreg-team/ui/hooks/page/use-location-search';
+import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolved-lang';
 import { replaceUrlState } from '@terrafirmagreg-team/ui/lib/utils/history';
 import {
   recipeCalcHref,
@@ -10,7 +11,6 @@ import {
   recipePlaceFromParams,
 } from '@terrafirmagreg-team/recipe/lib/links';
 import { canonicalStackId } from '@terrafirmagreg-team/dump/lib/dump/contract/ref';
-import type { Lang } from '@terrafirmagreg-team/translate/types/locale';
 import type { RecipeRelation } from '@terrafirmagreg-team/recipe/types';
 
 function urlPage(params: URLSearchParams, key: string) {
@@ -25,8 +25,9 @@ function urlRelation(
   return value === 'uses' || value === 'tags' ? value : undefined;
 }
 
-export function useRecipeQuery(dataset: DatasetRef, lang: Lang) {
+export function useRecipeQuery(dataset: DatasetRef) {
   const params = useLocationSearchParams();
+  const resolved = useResolvedLang();
 
   const place = recipePlaceFromParams(params);
   const isCalc = place.kind === 'calc';
@@ -79,8 +80,8 @@ export function useRecipeQuery(dataset: DatasetRef, lang: Lang) {
     if (!stray) return;
     replaceUrlState(
       isCalc
-        ? recipeCalcHref(dataset, lang, tree || undefined)
-        : recipeHref(dataset, lang, {
+        ? recipeCalcHref(dataset, resolved, tree || undefined)
+        : recipeHref(dataset, resolved, {
             tool: place.kind,
             id: recipeId,
             unit: alloyUnit,
@@ -92,7 +93,7 @@ export function useRecipeQuery(dataset: DatasetRef, lang: Lang) {
     isTool,
     isCalc,
     place.kind,
-    lang,
+    resolved,
     dataset,
     params,
     tree,
@@ -107,7 +108,7 @@ export function useRecipeQuery(dataset: DatasetRef, lang: Lang) {
     if (isTool) return;
     if (rawItem && rawFluid) {
       replaceUrlState(
-        recipeHref(dataset, lang, {
+        recipeHref(dataset, resolved, {
           type: params.get('type') ?? undefined,
           item: rawItem,
           id: recipeId,
@@ -121,7 +122,7 @@ export function useRecipeQuery(dataset: DatasetRef, lang: Lang) {
     }
   }, [
     isTool,
-    lang,
+    resolved,
     dataset,
     params,
     rawItem,
@@ -140,7 +141,7 @@ export function useRecipeQuery(dataset: DatasetRef, lang: Lang) {
     const canonFluid = rawFluid ? canonicalStackId(rawFluid) : undefined;
     if (canonItem === rawItem && canonFluid === rawFluid) return;
     replaceUrlState(
-      recipeHref(dataset, lang, {
+      recipeHref(dataset, resolved, {
         type: params.get('type') ?? undefined,
         item: canonItem,
         fluid: canonFluid,
@@ -154,7 +155,7 @@ export function useRecipeQuery(dataset: DatasetRef, lang: Lang) {
     );
   }, [
     isTool,
-    lang,
+    resolved,
     dataset,
     params,
     rawItem,

package/src/hooks/use-session.ts

@@ -5,14 +5,15 @@ import { useVersionedDataset } from '@terrafirmagreg-team/kit/hooks/use-versione
 import { useRecipeIndex } from '@terrafirmagreg-team/recipe/hooks/use-index';
 import { useRecipeQuery } from '@terrafirmagreg-team/recipe/hooks/use-query';
 import { useAsyncValue } from '@terrafirmagreg-team/ui/hooks/use-async-value';
+import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolved-lang';
 import { clientDumpLang } from '@terrafirmagreg-team/dump/lib/dump/client/dump';
-import { useRecipeIndexNames } from '@terrafirmagreg-team/recipe/lib/index-store';
+import { useRecipeIndexNames } from '@terrafirmagreg-team/recipe/lib/client-index/store';
 import {
   RECIPE_ALL_TYPE,
   recipeHref,
   recipePlaceOpts,
 } from '@terrafirmagreg-team/recipe/lib/links';
-import { recipeUsedItems } from '@terrafirmagreg-team/recipe/lib/used-items';
+import { recipeUsedItems } from '@terrafirmagreg-team/recipe/lib/browser/used-items';
 import { replaceUrlState } from '@terrafirmagreg-team/ui/lib/utils/history';
 import type {
   RecipeHrefOpts,
@@ -24,7 +25,7 @@ export function useRecipeSession(page: RecipePageData): RecipeSession {
   const { dataset: id, lang } = page;
   const dataset =
     useVersionedDataset(id.id, { versions: page.versions }) ?? id;
-  const query = useRecipeQuery(dataset, lang);
+  const query = useRecipeQuery(dataset);
   const { index, indexLoading } = useRecipeIndex(dataset, lang);
   const placeOpts = recipePlaceOpts(query.place);
 
@@ -65,11 +66,14 @@ export function useRecipeSession(page: RecipePageData): RecipeSession {
     query.place.id === RECIPE_ALL_TYPE &&
     !query.item &&
     !query.fluid;
+  const resolved = useResolvedLang();
   useEffect(() => {
     if (!bareIndex || !firstType) return;
-    replaceUrlState(recipeHref(dataset, lang, { ...nav, type: firstType }));
+    replaceUrlState(
+      recipeHref(dataset, resolved, { ...nav, type: firstType }),
+    );
     // eslint-disable-next-line react-hooks/exhaustive-deps -- nav rebuilds per render
-  }, [bareIndex, firstType, dataset, lang]);
+  }, [bareIndex, firstType, dataset, resolved]);
 
   return {
     page,

package/src/hooks/use-type-filter.ts

@@ -1,9 +1,10 @@
 'use client';
 
 import { useEffect, useMemo } from 'react';
-import { groupByCategory } from '@terrafirmagreg-team/recipe/lib/group';
+import { groupByCategory } from '@terrafirmagreg-team/recipe/lib/browser/group';
 import { TAG_RECIPE_TYPE } from '@terrafirmagreg-team/recipe/lib/client-index';
 import { RECIPE_ALL_TYPE, recipeHref } from '@terrafirmagreg-team/recipe/lib/links';
+import { useResolvedLang } from '@terrafirmagreg-team/translate/hooks/use-resolved-lang';
 import { replaceUrlState } from '@terrafirmagreg-team/ui/lib/utils/history';
 import type {
   RecipeCompactRow,
@@ -14,7 +15,6 @@ export function useTypeFilter(
   session: Pick<
     RecipeSession,
     | 'dataset'
-    | 'lang'
     | 'index'
     | 'nav'
     | 'place'
@@ -24,7 +24,8 @@ export function useTypeFilter(
   >,
   rows: RecipeCompactRow[],
 ) {
-  const { dataset, lang, index, nav, place, recipeId } = session;
+  const { dataset, index, nav, place, recipeId } = session;
+  const resolved = useResolvedLang();
   const groups = useMemo(
     () => groupByCategory(rows, index?.types ?? [], index?.categories),
     [rows, index],
@@ -51,15 +52,15 @@ export function useTypeFilter(
   useEffect(() => {
     if (!primary || valid) return;
     replaceUrlState(
-      recipeHref(dataset, lang, { ...nav, type: primary, rpage: undefined }),
+      recipeHref(dataset, resolved, { ...nav, type: primary, rpage: undefined }),
     );
     // eslint-disable-next-line react-hooks/exhaustive-deps -- nav rebuilds per render
-  }, [primary, valid, dataset, lang]);
+  }, [primary, valid, dataset, resolved]);
 
   const setActive = (next: string) => {
     if (next === active || next === urlType) return;
     replaceUrlState(
-      recipeHref(dataset, lang, { ...nav, type: next, rpage: undefined }),
+      recipeHref(dataset, resolved, { ...nav, type: next, rpage: undefined }),
     );
   };
 

package/src/lib/{lookup.ts → browser/lookup.ts}

@@ -10,7 +10,7 @@ import {
   resolveRecipeRows,
 } from '@terrafirmagreg-team/recipe/lib/client-index';
 import { stackIdFromRef } from '@terrafirmagreg-team/dump/lib/dump/contract/ref';
-import { loadFluidIoIndex } from '@terrafirmagreg-team/recipe/lib/fluid-outputs';
+import { loadFluidIoIndex } from '@terrafirmagreg-team/recipe/lib/browser/fluid-outputs';
 
 export { registryId, tagPseudoId } from '@terrafirmagreg-team/dump/lib/dump/paths';
 

package/src/lib/{used-items.ts → browser/used-items.ts}

@@ -1,4 +1,4 @@
-import { registryId } from '@terrafirmagreg-team/recipe/lib/lookup';
+import { registryId } from '@terrafirmagreg-team/recipe/lib/browser/lookup';
 import type { RecipeCompactIndex, UsedItems } from '@terrafirmagreg-team/recipe/types';
 
 export function recipeUsedItems(index: RecipeCompactIndex | null): UsedItems {

package/src/lib/calc/resolve.ts

@@ -2,7 +2,7 @@ import type { DatasetRef } from '@terrafirmagreg-team/sites/location';
 import type { Recipe } from '@terrafirmagreg-team/recipe/lib/data/dto';
 import { loadClientRecipe } from '@terrafirmagreg-team/recipe/lib/client/recipe';
 import { resolveClientTag } from '@terrafirmagreg-team/dump/lib/dump/client/tags';
-import { recipesForOutput } from '@terrafirmagreg-team/recipe/lib/lookup';
+import { recipesForOutput } from '@terrafirmagreg-team/recipe/lib/browser/lookup';
 import { recipeDivisor, toCalcRecipe } from './tree';
 import type { RecipeCompactIndex, RecipeCompactRow } from '@terrafirmagreg-team/recipe/types';
 import type {

package/src/lib/config.ts

@@ -2,6 +2,7 @@ import { createConfigRegistry, uiConfig } from '@terrafirmagreg-team/ui/lib/conf
 import { registerMdxComponents } from '@terrafirmagreg-team/mdx/components/mdx-components';
 import { Recipe } from '@terrafirmagreg-team/recipe/components/mdx/recipe';
 import '@terrafirmagreg-team/recipe/lib/preview';
+import '@terrafirmagreg-team/recipe/lib/embed';
 
 export type RecipeConfigInput = {
   appName?: string;

package/src/lib/embed.ts

@@ -6,6 +6,7 @@ import {
 } from '@terrafirmagreg-team/recipe/lib/links';
 import { recipeTitle } from '@terrafirmagreg-team/recipe/lib/data/parse';
 import type { Recipe } from '@terrafirmagreg-team/recipe/lib/data/dto';
+import { registerSectionEmbed } from '@terrafirmagreg-team/kit/lib/embeds';
 import type {
   EmbedRecipe,
   SectionEmbeds,
@@ -20,3 +21,5 @@ export const recipeSectionEmbed: NonNullable<SectionEmbeds['recipe']> = {
     recipeTitle(recipe as unknown as Recipe, langMap),
   Card: RecipeEmbedCard,
 };
+
+registerSectionEmbed('recipe', recipeSectionEmbed);

package/src/lib/source.ts

@@ -0,0 +1,13 @@
+import * as clientIndex from '@terrafirmagreg-team/recipe/lib/client-index';
+import { loadDatasetRecipeCategories } from '@terrafirmagreg-team/recipe/lib/data/category/load';
+import { loadClientManifest } from '@terrafirmagreg-team/dump/lib/dump/client/dump';
+
+export function getRecipeSource() {
+  return {
+    ...clientIndex,
+    categories: loadDatasetRecipeCategories,
+    manifest: loadClientManifest,
+  };
+}
+
+export type RecipeSource = ReturnType<typeof getRecipeSource>;