@xenide-io/the-old-ui-theme 0.5.0 → 0.5.2

package/dist/suite.d.mts

@@ -363,7 +363,7 @@ declare function SuiteBottomNav({ items, ariaLabel, dataTest, className, }: {
  * Slugs double as accent keys (see icons/app-accents.ts) and data-test
  * suffixes (`switch-app-${slug}`, `suite-nav-${slug}`).
  */
-type SuiteAppSlug = 'shellstack' | 'tides' | 'turtletime' | 'kraken';
+type SuiteAppSlug = 'shellstack' | 'tides' | 'turtletime' | 'kraken' | 'nakama';
 interface SuiteAppDefinition {
     slug: SuiteAppSlug;
     name: string;
@@ -547,7 +547,7 @@ declare const SUITE_ICON_NAMES: SuiteIconName[];
  * `onTileAccent` drive `<SuiteAppIcon>` (the programmatic favicon-style
  * tile + glyph mark).
  */
-type SuiteAccentSlug = 'turtletime' | 'tides' | 'kraken' | 'shellstack' | 'crew';
+type SuiteAccentSlug = 'turtletime' | 'tides' | 'kraken' | 'shellstack' | 'crew' | 'nakama';
 interface SuiteAppAccent {
     /** Display name (default aria label for app marks). */
     label: string;

package/dist/suite.d.ts

@@ -363,7 +363,7 @@ declare function SuiteBottomNav({ items, ariaLabel, dataTest, className, }: {
  * Slugs double as accent keys (see icons/app-accents.ts) and data-test
  * suffixes (`switch-app-${slug}`, `suite-nav-${slug}`).
  */
-type SuiteAppSlug = 'shellstack' | 'tides' | 'turtletime' | 'kraken';
+type SuiteAppSlug = 'shellstack' | 'tides' | 'turtletime' | 'kraken' | 'nakama';
 interface SuiteAppDefinition {
     slug: SuiteAppSlug;
     name: string;
@@ -547,7 +547,7 @@ declare const SUITE_ICON_NAMES: SuiteIconName[];
  * `onTileAccent` drive `<SuiteAppIcon>` (the programmatic favicon-style
  * tile + glyph mark).
  */
-type SuiteAccentSlug = 'turtletime' | 'tides' | 'kraken' | 'shellstack' | 'crew';
+type SuiteAccentSlug = 'turtletime' | 'tides' | 'kraken' | 'shellstack' | 'crew' | 'nakama';
 interface SuiteAppAccent {
     /** Display name (default aria label for app marks). */
     label: string;

package/dist/suite.js

@@ -383,6 +383,13 @@ var APP_ACCENTS = {
     tile: "#155e75",
     onTile: "#ffffff",
     onTileAccent: "#a5f3fc"
+  },
+  nakama: {
+    label: "Nakama",
+    accent: "#0891b2",
+    tile: "#155e75",
+    onTile: "#ffffff",
+    onTileAccent: "#a5f3fc"
   }
 };
 var APP_GLYPHS = {
@@ -390,7 +397,8 @@ var APP_GLYPHS = {
   tides: "kanban-wave",
   kraken: "squid-doc",
   shellstack: "stack-hex",
-  crew: "crew-bot"
+  crew: "crew-bot",
+  nakama: "crew-bot"
 };
 
 // src/suite/icons/glyph-parts.tsx
@@ -1334,6 +1342,15 @@ var SUITE_APPS2 = [
     landing: "/today",
     baseUrlEnv: "NEXT_PUBLIC_KRAKEN_URL",
     baseUrlFallback: "http://localhost:3003"
+  },
+  {
+    slug: "nakama",
+    name: "Nakama",
+    description: "AI teammates",
+    icon: "/nakama-icon.svg",
+    landing: "/today",
+    baseUrlEnv: "NEXT_PUBLIC_NAKAMA_URL",
+    baseUrlFallback: "http://localhost:3004"
   }
 ];
 var SUITE_APP_MAP = Object.fromEntries(SUITE_APPS2.map((app) => [app.slug, app]));
@@ -1346,6 +1363,7 @@ var SOURCE_APP_SLUG = {
   turtletime: "turtletime",
   tides: "tides",
   kraken: "kraken",
+  nakama: "nakama",
   portal: "shellstack",
   shellstack: "shellstack"
 };
@@ -2389,9 +2407,7 @@ init_theme_provider();
 var import_react10 = require("react");
 var import_iconoir_react8 = require("iconoir-react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
-var SuiteAiBlockNoteMessage2 = (0, import_react10.lazy)(
-  () => Promise.resolve().then(() => (init_ai_message_blocknote(), ai_message_blocknote_exports))
-);
+var SuiteAiBlockNoteMessage2 = (0, import_react10.lazy)(() => Promise.resolve().then(() => (init_ai_message_blocknote(), ai_message_blocknote_exports)));
 var SUITE_OPEN_ASK_AI_EVENT = "shellstack:open-ask-ai";
 function openSuiteAskAi(detail) {
   if (typeof window === "undefined") return;
@@ -2403,7 +2419,7 @@ function openSuiteAskAi(detail) {
 }
 var LAUNCHER_EDGE_GAP = 12;
 var LAUNCHER_STORAGE_KEY = "suite-ask-ai-launcher-position";
-function resolveSuiteAiLauncherPosition(side, desiredY, viewportWidth, viewportHeight, launcherWidth, launcherHeight) {
+function resolveSuiteAiLauncherPosition(edge, desiredX, desiredY, viewportWidth, viewportHeight, launcherWidth, launcherHeight) {
   const maxX = Math.max(
     LAUNCHER_EDGE_GAP,
     viewportWidth - launcherWidth - LAUNCHER_EDGE_GAP
@@ -2412,10 +2428,36 @@ function resolveSuiteAiLauncherPosition(side, desiredY, viewportWidth, viewportH
     LAUNCHER_EDGE_GAP,
     viewportHeight - launcherHeight - LAUNCHER_EDGE_GAP
   );
-  return {
-    x: side === "left" ? LAUNCHER_EDGE_GAP : maxX,
-    y: Math.min(Math.max(desiredY, LAUNCHER_EDGE_GAP), maxY)
-  };
+  const clampX = (x) => Math.min(Math.max(x, LAUNCHER_EDGE_GAP), maxX);
+  const clampY = (y) => Math.min(Math.max(y, LAUNCHER_EDGE_GAP), maxY);
+  switch (edge) {
+    case "left":
+      return { x: LAUNCHER_EDGE_GAP, y: clampY(desiredY) };
+    case "right":
+      return { x: maxX, y: clampY(desiredY) };
+    case "top":
+      return { x: clampX(desiredX), y: LAUNCHER_EDGE_GAP };
+    case "bottom":
+      return { x: clampX(desiredX), y: maxY };
+  }
+}
+function resolveSuiteAiNearestEdge(x, y, width, height, viewportWidth, viewportHeight) {
+  const centerX = x + width / 2;
+  const centerY = y + height / 2;
+  const candidates = [
+    { edge: "left", distance: centerX },
+    { edge: "right", distance: viewportWidth - centerX },
+    { edge: "top", distance: centerY },
+    { edge: "bottom", distance: viewportHeight - centerY }
+  ];
+  return candidates.reduce(
+    (nearest, candidate) => candidate.distance < nearest.distance ? candidate : nearest
+  ).edge;
+}
+function resolveSuiteAiPanelSide(edge, x, viewportWidth) {
+  if (edge === "left") return "left";
+  if (edge === "right") return "right";
+  return x < viewportWidth / 2 ? "left" : "right";
 }
 function SuiteAiPanel({
   presets = [],
@@ -2436,6 +2478,7 @@ function SuiteAiPanel({
   const [error, setError] = (0, import_react10.useState)("");
   const [copiedId, setCopiedId] = (0, import_react10.useState)(null);
   const [launcherSide, setLauncherSide] = (0, import_react10.useState)("right");
+  const [panelSide, setPanelSide] = (0, import_react10.useState)("right");
   const [launcherPosition, setLauncherPosition] = (0, import_react10.useState)(null);
   const [draggingLauncher, setDraggingLauncher] = (0, import_react10.useState)(false);
   const scrollerRef = (0, import_react10.useRef)(null);
@@ -2449,25 +2492,28 @@ function SuiteAiPanel({
     const launcher = launcherRef.current;
     if (!launcher) return;
     let side = "right";
+    let desiredX = LAUNCHER_EDGE_GAP;
     let desiredY = window.innerHeight - launcher.offsetHeight - 20;
     try {
       const stored = JSON.parse(
         localStorage.getItem(LAUNCHER_STORAGE_KEY) || "null"
       );
-      if ((stored == null ? void 0 : stored.side) === "left" || (stored == null ? void 0 : stored.side) === "right")
+      if ((stored == null ? void 0 : stored.side) === "top" || (stored == null ? void 0 : stored.side) === "right" || (stored == null ? void 0 : stored.side) === "bottom" || (stored == null ? void 0 : stored.side) === "left")
         side = stored.side;
+      if (typeof (stored == null ? void 0 : stored.x) === "number") desiredX = stored.x;
       if (typeof (stored == null ? void 0 : stored.y) === "number") desiredY = stored.y;
     } catch (e) {
     }
     launcherSideRef.current = side;
     setLauncherSide(side);
     const placeLauncher = () => {
-      var _a, _b;
+      var _a, _b, _c, _d;
       const element = launcherRef.current;
       if (!element) return;
       const next = resolveSuiteAiLauncherPosition(
         launcherSideRef.current,
-        (_b = (_a = launcherPositionRef.current) == null ? void 0 : _a.y) != null ? _b : desiredY,
+        (_b = (_a = launcherPositionRef.current) == null ? void 0 : _a.x) != null ? _b : desiredX,
+        (_d = (_c = launcherPositionRef.current) == null ? void 0 : _c.y) != null ? _d : desiredY,
         window.innerWidth,
         window.innerHeight,
         element.offsetWidth,
@@ -2475,6 +2521,13 @@ function SuiteAiPanel({
       );
       launcherPositionRef.current = next;
       setLauncherPosition(next);
+      setPanelSide(
+        resolveSuiteAiPanelSide(
+          launcherSideRef.current,
+          next.x,
+          window.innerWidth
+        )
+      );
     };
     placeLauncher();
     window.addEventListener("resize", placeLauncher);
@@ -2575,31 +2628,33 @@ function SuiteAiPanel({
     } catch (e) {
     }
   }
-  function saveLauncherPosition(side, position) {
+  function saveLauncherPosition(edge, position) {
     try {
       localStorage.setItem(
         LAUNCHER_STORAGE_KEY,
-        JSON.stringify({ side, y: position.y })
+        JSON.stringify({ side: edge, x: position.x, y: position.y })
       );
     } catch (e) {
     }
   }
-  function dockLauncher(side, desiredY) {
+  function dockLauncher(edge, desiredX, desiredY) {
     const launcher = launcherRef.current;
     if (!launcher) return;
     const next = resolveSuiteAiLauncherPosition(
-      side,
+      edge,
+      desiredX,
       desiredY,
       window.innerWidth,
       window.innerHeight,
       launcher.offsetWidth,
       launcher.offsetHeight
     );
-    launcherSideRef.current = side;
+    launcherSideRef.current = edge;
     launcherPositionRef.current = next;
-    setLauncherSide(side);
+    setLauncherSide(edge);
     setLauncherPosition(next);
-    saveLauncherPosition(side, next);
+    setPanelSide(resolveSuiteAiPanelSide(edge, next.x, window.innerWidth));
+    saveLauncherPosition(edge, next);
   }
   function startLauncherDrag(event) {
     if (event.pointerType === "mouse" && event.button !== 0) return;
@@ -2654,22 +2709,32 @@ function SuiteAiPanel({
     setDraggingLauncher(false);
     const rect = event.currentTarget.getBoundingClientRect();
     const currentX = (_b = (_a = launcherPositionRef.current) == null ? void 0 : _a.x) != null ? _b : rect.left;
-    const side = currentX + rect.width / 2 < window.innerWidth / 2 ? "left" : "right";
-    dockLauncher(side, (_d = (_c = launcherPositionRef.current) == null ? void 0 : _c.y) != null ? _d : rect.top);
+    const currentY = (_d = (_c = launcherPositionRef.current) == null ? void 0 : _c.y) != null ? _d : rect.top;
+    const edge = resolveSuiteAiNearestEdge(
+      currentX,
+      currentY,
+      rect.width,
+      rect.height,
+      window.innerWidth,
+      window.innerHeight
+    );
+    dockLauncher(edge, currentX, currentY);
   }
   function moveLauncherWithKeyboard(event) {
-    var _a, _b;
-    if (!["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(event.key))
-      return;
+    var _a, _b, _c, _d;
+    const edgeByKey = {
+      ArrowLeft: "left",
+      ArrowRight: "right",
+      ArrowUp: "top",
+      ArrowDown: "bottom"
+    };
+    const edge = edgeByKey[event.key];
+    if (!edge) return;
     event.preventDefault();
-    const currentY = (_b = (_a = launcherPositionRef.current) == null ? void 0 : _a.y) != null ? _b : event.currentTarget.getBoundingClientRect().top;
-    if (event.key === "ArrowLeft") dockLauncher("left", currentY);
-    else if (event.key === "ArrowRight") dockLauncher("right", currentY);
-    else
-      dockLauncher(
-        launcherSideRef.current,
-        currentY + (event.key === "ArrowUp" ? -24 : 24)
-      );
+    const rect = event.currentTarget.getBoundingClientRect();
+    const currentX = (_b = (_a = launcherPositionRef.current) == null ? void 0 : _a.x) != null ? _b : rect.left;
+    const currentY = (_d = (_c = launcherPositionRef.current) == null ? void 0 : _c.y) != null ? _d : rect.top;
+    dockLauncher(edge, currentX, currentY);
   }
   const Icon = BrandIcon != null ? BrandIcon : import_iconoir_react8.Sparks;
   return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
@@ -2717,7 +2782,7 @@ function SuiteAiPanel({
       /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
         "aside",
         {
-          className: `absolute inset-y-0 flex w-full max-w-md flex-col bg-ph-surface shadow-2xl ${launcherSide === "left" ? "left-0 border-r border-ph-border" : "right-0 border-l border-ph-border"}`,
+          className: `absolute inset-y-0 flex w-full max-w-md flex-col bg-ph-surface shadow-2xl ${panelSide === "left" ? "left-0 border-r border-ph-border" : "right-0 border-l border-ph-border"}`,
           "data-test": "suite-ask-ai-panel",
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center justify-between border-b border-ph-border px-4 py-3", children: [

package/dist/suite.mjs

@@ -96,6 +96,13 @@ var APP_ACCENTS = {
     tile: "#155e75",
     onTile: "#ffffff",
     onTileAccent: "#a5f3fc"
+  },
+  nakama: {
+    label: "Nakama",
+    accent: "#0891b2",
+    tile: "#155e75",
+    onTile: "#ffffff",
+    onTileAccent: "#a5f3fc"
   }
 };
 var APP_GLYPHS = {
@@ -103,7 +110,8 @@ var APP_GLYPHS = {
   tides: "kanban-wave",
   kraken: "squid-doc",
   shellstack: "stack-hex",
-  crew: "crew-bot"
+  crew: "crew-bot",
+  nakama: "crew-bot"
 };
 
 // src/suite/icons/glyph-parts.tsx
@@ -1047,6 +1055,15 @@ var SUITE_APPS2 = [
     landing: "/today",
     baseUrlEnv: "NEXT_PUBLIC_KRAKEN_URL",
     baseUrlFallback: "http://localhost:3003"
+  },
+  {
+    slug: "nakama",
+    name: "Nakama",
+    description: "AI teammates",
+    icon: "/nakama-icon.svg",
+    landing: "/today",
+    baseUrlEnv: "NEXT_PUBLIC_NAKAMA_URL",
+    baseUrlFallback: "http://localhost:3004"
   }
 ];
 var SUITE_APP_MAP = Object.fromEntries(SUITE_APPS2.map((app) => [app.slug, app]));
@@ -1059,6 +1076,7 @@ var SOURCE_APP_SLUG = {
   turtletime: "turtletime",
   tides: "tides",
   kraken: "kraken",
+  nakama: "nakama",
   portal: "shellstack",
   shellstack: "shellstack"
 };
@@ -1994,9 +2012,7 @@ import {
 } from "react";
 import { Check as Check2, Copy, Sparks, Xmark as X2 } from "iconoir-react";
 import { Fragment as Fragment5, jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
-var SuiteAiBlockNoteMessage = lazy(
-  () => import("./ai-message-blocknote-4Q4U2T2W.mjs")
-);
+var SuiteAiBlockNoteMessage = lazy(() => import("./ai-message-blocknote-4Q4U2T2W.mjs"));
 var SUITE_OPEN_ASK_AI_EVENT = "shellstack:open-ask-ai";
 function openSuiteAskAi(detail) {
   if (typeof window === "undefined") return;
@@ -2008,7 +2024,7 @@ function openSuiteAskAi(detail) {
 }
 var LAUNCHER_EDGE_GAP = 12;
 var LAUNCHER_STORAGE_KEY = "suite-ask-ai-launcher-position";
-function resolveSuiteAiLauncherPosition(side, desiredY, viewportWidth, viewportHeight, launcherWidth, launcherHeight) {
+function resolveSuiteAiLauncherPosition(edge, desiredX, desiredY, viewportWidth, viewportHeight, launcherWidth, launcherHeight) {
   const maxX = Math.max(
     LAUNCHER_EDGE_GAP,
     viewportWidth - launcherWidth - LAUNCHER_EDGE_GAP
@@ -2017,10 +2033,36 @@ function resolveSuiteAiLauncherPosition(side, desiredY, viewportWidth, viewportH
     LAUNCHER_EDGE_GAP,
     viewportHeight - launcherHeight - LAUNCHER_EDGE_GAP
   );
-  return {
-    x: side === "left" ? LAUNCHER_EDGE_GAP : maxX,
-    y: Math.min(Math.max(desiredY, LAUNCHER_EDGE_GAP), maxY)
-  };
+  const clampX = (x) => Math.min(Math.max(x, LAUNCHER_EDGE_GAP), maxX);
+  const clampY = (y) => Math.min(Math.max(y, LAUNCHER_EDGE_GAP), maxY);
+  switch (edge) {
+    case "left":
+      return { x: LAUNCHER_EDGE_GAP, y: clampY(desiredY) };
+    case "right":
+      return { x: maxX, y: clampY(desiredY) };
+    case "top":
+      return { x: clampX(desiredX), y: LAUNCHER_EDGE_GAP };
+    case "bottom":
+      return { x: clampX(desiredX), y: maxY };
+  }
+}
+function resolveSuiteAiNearestEdge(x, y, width, height, viewportWidth, viewportHeight) {
+  const centerX = x + width / 2;
+  const centerY = y + height / 2;
+  const candidates = [
+    { edge: "left", distance: centerX },
+    { edge: "right", distance: viewportWidth - centerX },
+    { edge: "top", distance: centerY },
+    { edge: "bottom", distance: viewportHeight - centerY }
+  ];
+  return candidates.reduce(
+    (nearest, candidate) => candidate.distance < nearest.distance ? candidate : nearest
+  ).edge;
+}
+function resolveSuiteAiPanelSide(edge, x, viewportWidth) {
+  if (edge === "left") return "left";
+  if (edge === "right") return "right";
+  return x < viewportWidth / 2 ? "left" : "right";
 }
 function SuiteAiPanel({
   presets = [],
@@ -2041,6 +2083,7 @@ function SuiteAiPanel({
   const [error, setError] = useState7("");
   const [copiedId, setCopiedId] = useState7(null);
   const [launcherSide, setLauncherSide] = useState7("right");
+  const [panelSide, setPanelSide] = useState7("right");
   const [launcherPosition, setLauncherPosition] = useState7(null);
   const [draggingLauncher, setDraggingLauncher] = useState7(false);
   const scrollerRef = useRef3(null);
@@ -2054,25 +2097,28 @@ function SuiteAiPanel({
     const launcher = launcherRef.current;
     if (!launcher) return;
     let side = "right";
+    let desiredX = LAUNCHER_EDGE_GAP;
     let desiredY = window.innerHeight - launcher.offsetHeight - 20;
     try {
       const stored = JSON.parse(
         localStorage.getItem(LAUNCHER_STORAGE_KEY) || "null"
       );
-      if ((stored == null ? void 0 : stored.side) === "left" || (stored == null ? void 0 : stored.side) === "right")
+      if ((stored == null ? void 0 : stored.side) === "top" || (stored == null ? void 0 : stored.side) === "right" || (stored == null ? void 0 : stored.side) === "bottom" || (stored == null ? void 0 : stored.side) === "left")
         side = stored.side;
+      if (typeof (stored == null ? void 0 : stored.x) === "number") desiredX = stored.x;
       if (typeof (stored == null ? void 0 : stored.y) === "number") desiredY = stored.y;
     } catch (e) {
     }
     launcherSideRef.current = side;
     setLauncherSide(side);
     const placeLauncher = () => {
-      var _a, _b;
+      var _a, _b, _c, _d;
       const element = launcherRef.current;
       if (!element) return;
       const next = resolveSuiteAiLauncherPosition(
         launcherSideRef.current,
-        (_b = (_a = launcherPositionRef.current) == null ? void 0 : _a.y) != null ? _b : desiredY,
+        (_b = (_a = launcherPositionRef.current) == null ? void 0 : _a.x) != null ? _b : desiredX,
+        (_d = (_c = launcherPositionRef.current) == null ? void 0 : _c.y) != null ? _d : desiredY,
         window.innerWidth,
         window.innerHeight,
         element.offsetWidth,
@@ -2080,6 +2126,13 @@ function SuiteAiPanel({
       );
       launcherPositionRef.current = next;
       setLauncherPosition(next);
+      setPanelSide(
+        resolveSuiteAiPanelSide(
+          launcherSideRef.current,
+          next.x,
+          window.innerWidth
+        )
+      );
     };
     placeLauncher();
     window.addEventListener("resize", placeLauncher);
@@ -2180,31 +2233,33 @@ function SuiteAiPanel({
     } catch (e) {
     }
   }
-  function saveLauncherPosition(side, position) {
+  function saveLauncherPosition(edge, position) {
     try {
       localStorage.setItem(
         LAUNCHER_STORAGE_KEY,
-        JSON.stringify({ side, y: position.y })
+        JSON.stringify({ side: edge, x: position.x, y: position.y })
       );
     } catch (e) {
     }
   }
-  function dockLauncher(side, desiredY) {
+  function dockLauncher(edge, desiredX, desiredY) {
     const launcher = launcherRef.current;
     if (!launcher) return;
     const next = resolveSuiteAiLauncherPosition(
-      side,
+      edge,
+      desiredX,
       desiredY,
       window.innerWidth,
       window.innerHeight,
       launcher.offsetWidth,
       launcher.offsetHeight
     );
-    launcherSideRef.current = side;
+    launcherSideRef.current = edge;
     launcherPositionRef.current = next;
-    setLauncherSide(side);
+    setLauncherSide(edge);
     setLauncherPosition(next);
-    saveLauncherPosition(side, next);
+    setPanelSide(resolveSuiteAiPanelSide(edge, next.x, window.innerWidth));
+    saveLauncherPosition(edge, next);
   }
   function startLauncherDrag(event) {
     if (event.pointerType === "mouse" && event.button !== 0) return;
@@ -2259,22 +2314,32 @@ function SuiteAiPanel({
     setDraggingLauncher(false);
     const rect = event.currentTarget.getBoundingClientRect();
     const currentX = (_b = (_a = launcherPositionRef.current) == null ? void 0 : _a.x) != null ? _b : rect.left;
-    const side = currentX + rect.width / 2 < window.innerWidth / 2 ? "left" : "right";
-    dockLauncher(side, (_d = (_c = launcherPositionRef.current) == null ? void 0 : _c.y) != null ? _d : rect.top);
+    const currentY = (_d = (_c = launcherPositionRef.current) == null ? void 0 : _c.y) != null ? _d : rect.top;
+    const edge = resolveSuiteAiNearestEdge(
+      currentX,
+      currentY,
+      rect.width,
+      rect.height,
+      window.innerWidth,
+      window.innerHeight
+    );
+    dockLauncher(edge, currentX, currentY);
   }
   function moveLauncherWithKeyboard(event) {
-    var _a, _b;
-    if (!["ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown"].includes(event.key))
-      return;
+    var _a, _b, _c, _d;
+    const edgeByKey = {
+      ArrowLeft: "left",
+      ArrowRight: "right",
+      ArrowUp: "top",
+      ArrowDown: "bottom"
+    };
+    const edge = edgeByKey[event.key];
+    if (!edge) return;
     event.preventDefault();
-    const currentY = (_b = (_a = launcherPositionRef.current) == null ? void 0 : _a.y) != null ? _b : event.currentTarget.getBoundingClientRect().top;
-    if (event.key === "ArrowLeft") dockLauncher("left", currentY);
-    else if (event.key === "ArrowRight") dockLauncher("right", currentY);
-    else
-      dockLauncher(
-        launcherSideRef.current,
-        currentY + (event.key === "ArrowUp" ? -24 : 24)
-      );
+    const rect = event.currentTarget.getBoundingClientRect();
+    const currentX = (_b = (_a = launcherPositionRef.current) == null ? void 0 : _a.x) != null ? _b : rect.left;
+    const currentY = (_d = (_c = launcherPositionRef.current) == null ? void 0 : _c.y) != null ? _d : rect.top;
+    dockLauncher(edge, currentX, currentY);
   }
   const Icon = BrandIcon != null ? BrandIcon : Sparks;
   return /* @__PURE__ */ jsxs15(Fragment5, { children: [
@@ -2322,7 +2387,7 @@ function SuiteAiPanel({
       /* @__PURE__ */ jsxs15(
         "aside",
         {
-          className: `absolute inset-y-0 flex w-full max-w-md flex-col bg-ph-surface shadow-2xl ${launcherSide === "left" ? "left-0 border-r border-ph-border" : "right-0 border-l border-ph-border"}`,
+          className: `absolute inset-y-0 flex w-full max-w-md flex-col bg-ph-surface shadow-2xl ${panelSide === "left" ? "left-0 border-r border-ph-border" : "right-0 border-l border-ph-border"}`,
           "data-test": "suite-ask-ai-panel",
           children: [
             /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between border-b border-ph-border px-4 py-3", children: [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@xenide-io/the-old-ui-theme",
-  "version": "0.5.0",
-  "description": "Props-driven React components and theme tokens inspired by classic interface design — optimized for Next.js apps and internal tools.",
+  "version": "0.5.2",
+  "description": "Props-driven React components and theme tokens inspired by classic interface design \u2014 optimized for Next.js apps and internal tools.",
   "author": "Xenide",
   "license": "MIT",
   "homepage": "https://github.com/xenide-io/the-old-ui-theme",

package/src/styles/themes.css

@@ -1764,6 +1764,154 @@
   --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23929292' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
 }
 
+/* Nakama Light — cyan-accented bright suite palette for the AI teammate app. */
+[data-theme="nakama-light"] {
+  color-scheme: light;
+
+  --ph-canvas: #f6f8f9;
+  --ph-surface: #ffffff;
+  --ph-muted: #eef2f4;
+  --ph-toolbar: #e6ebee;
+  --ph-surface-inset: #eef2f4;
+  --ph-surface-raised: #ffffff;
+  --ph-surface-overlay: #ffffff;
+  --ph-border: #dfe5e8;
+  --ph-border-subtle: #eaeff1;
+  --ph-border-strong: #a5b0b7;
+
+  --ph-text-primary: #17242c;
+  --ph-text-secondary: #42525c;
+  --ph-text-tertiary: #5f6f7a;
+
+  --ph-accent: #0891b2;
+  --ph-accent-hover: #0e7490;
+  --ph-blue: #437aff;
+  --ph-violet: #8b5cf6;
+  --ph-purple: #7c3aed;
+
+  --ph-success: #15803d;
+  --ph-warning: #b26a00;
+  --ph-danger: #c7463a;
+  --ph-info: #1769aa;
+  --ph-on-accent: #ffffff;
+  --ph-on-violet: #ffffff;
+  --ph-on-success: #ffffff;
+  --ph-on-warning: #211606;
+  --ph-on-danger: #ffffff;
+  --ph-on-info: #ffffff;
+  --ph-focus-ring: #0891b2;
+  --ph-selected-bg: #e6f6fa;
+  --ph-selected-text: #0b5569;
+  --ph-selected-border: #67c6dd;
+
+  --ph-text-3000: #ffffff;
+  --ph-primary-button-face: #0891b2;
+  --ph-primary-button-border: #0b728c;
+  --ph-primary-button-border-hover: #0e7490;
+  --ph-primary-frame-bg: #0b5569;
+  --ph-secondary-button-bg: #ffffff;
+  --ph-secondary-frame-bg: #dce4e8;
+  --ph-secondary-button-border: #bfcbd2;
+  --ph-secondary-button-border-hover: #8797a1;
+
+  --ph-border-3000: #dce4e8;
+  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.9);
+  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.06);
+  --ph-accent-highlight-secondary: rgb(8 145 178 / 10%);
+
+  --ph-data-1: #0891b2;
+  --ph-data-2: #f59e0b;
+  --ph-data-3: #437aff;
+  --ph-data-4: #059669;
+  --ph-data-5: #b26a00;
+  --ph-data-6: #c7463a;
+  --ph-data-7: #7c3aed;
+
+  --ph-product-session-replay: #b26a00;
+  --ph-product-product-analytics: #1769aa;
+  --ph-product-data-pipeline: #059669;
+  --ph-product-feature-flags: #f59e0b;
+  --ph-product-experiments: #437aff;
+  --ph-product-data-warehouse: #7b5e3b;
+  --ph-product-surveys: #c7463a;
+
+  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%235f6f7a' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
+}
+
+/* Nakama Dark — deep navy night palette with a bright cyan accent. */
+[data-theme="nakama-dark"] {
+  color-scheme: dark;
+
+  --ph-canvas: #0f1420;
+  --ph-surface: #161d2b;
+  --ph-muted: #1c2434;
+  --ph-toolbar: #232c3e;
+  --ph-surface-inset: #121826;
+  --ph-surface-raised: #1a2231;
+  --ph-surface-overlay: #202a3c;
+  --ph-border: #2b3648;
+  --ph-border-subtle: #232d3f;
+  --ph-border-strong: #4a5871;
+
+  --ph-text-primary: #e8eef4;
+  --ph-text-secondary: #b9c4d1;
+  --ph-text-tertiary: #8594a8;
+
+  --ph-accent: #22d3ee;
+  --ph-accent-hover: #67e8f9;
+  --ph-blue: #7da3ff;
+  --ph-violet: #c4a7e7;
+  --ph-purple: #b794f6;
+
+  --ph-success: #34d399;
+  --ph-warning: #fbbf24;
+  --ph-danger: #f87171;
+  --ph-info: #60a5fa;
+  --ph-on-accent: #062a33;
+  --ph-on-violet: #1b1430;
+  --ph-on-success: #052e1e;
+  --ph-on-warning: #2b1e06;
+  --ph-on-danger: #3b1010;
+  --ph-on-info: #0a2a45;
+  --ph-focus-ring: #22d3ee;
+  --ph-selected-bg: #123a47;
+  --ph-selected-text: #a5f3fc;
+  --ph-selected-border: #2f6e80;
+
+  --ph-text-3000: #0f1420;
+  --ph-primary-button-face: #22d3ee;
+  --ph-primary-button-border: #3aa8bd;
+  --ph-primary-button-border-hover: #67e8f9;
+  --ph-primary-frame-bg: #0b6b80;
+  --ph-secondary-button-bg: #202a3c;
+  --ph-secondary-frame-bg: #2e3a50;
+  --ph-secondary-button-border: #3d4b64;
+  --ph-secondary-button-border-hover: #5a6b8a;
+
+  --ph-border-3000: #232d3f;
+  --ph-chrome-inset-face-top: inset 0 1px 0 hsl(0deg 0% 100% / 0.08);
+  --ph-chrome-inset-face-bottom: inset 0 -1px 0 hsl(0deg 0% 0% / 0.4);
+  --ph-accent-highlight-secondary: rgb(34 211 238 / 12%);
+
+  --ph-data-1: #22d3ee;
+  --ph-data-2: #fbbf24;
+  --ph-data-3: #7da3ff;
+  --ph-data-4: #34d399;
+  --ph-data-5: #f59e0b;
+  --ph-data-6: #f87171;
+  --ph-data-7: #c4a7e7;
+
+  --ph-product-session-replay: #f59e0b;
+  --ph-product-product-analytics: #60a5fa;
+  --ph-product-data-pipeline: #34d399;
+  --ph-product-feature-flags: #fbbf24;
+  --ph-product-experiments: #7da3ff;
+  --ph-product-data-warehouse: #d4a373;
+  --ph-product-surveys: #f87171;
+
+  --ph-select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%238594a8' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 24 24'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
+}
+
 /* Semantic button contrast is scoped to buttons so other token consumers keep theme-native ink. */
 :is(
   [data-theme="hedgehog-dark"],
@@ -1780,7 +1928,8 @@
   [data-theme="rosepine-dark"],
   [data-theme="notion-dark"],
   [data-theme="deepsea-dark"],
-  [data-theme="kraken-dark"]
+  [data-theme="kraken-dark"],
+  [data-theme="nakama-dark"]
 ) {
   .ph-btn-signal {
     --ph-btn-face: color-mix(in oklab, var(--ph-accent) 62%, black);

package/src/suite/components/ai-panel.test.ts

@@ -1,20 +1,46 @@
 import { describe, expect, it } from 'vitest';
 
-import { resolveSuiteAiLauncherPosition } from './ai-panel';
+import {
+  resolveSuiteAiLauncherPosition,
+  resolveSuiteAiNearestEdge,
+  resolveSuiteAiPanelSide,
+} from './ai-panel';
 
 describe('resolveSuiteAiLauncherPosition', () => {
-  it('docks to either edge and keeps the launcher inside the viewport', () => {
+  it('docks to every edge and keeps the launcher inside the viewport', () => {
     expect(
-      resolveSuiteAiLauncherPosition('left', -20, 1000, 800, 120, 40),
-    ).toEqual({
-      x: 12,
-      y: 12,
-    });
+      resolveSuiteAiLauncherPosition('left', 900, -20, 1000, 800, 120, 40),
+    ).toEqual({ x: 12, y: 12 });
     expect(
-      resolveSuiteAiLauncherPosition('right', 900, 1000, 800, 120, 40),
-    ).toEqual({
-      x: 868,
-      y: 748,
-    });
+      resolveSuiteAiLauncherPosition('right', 0, 900, 1000, 800, 120, 40),
+    ).toEqual({ x: 868, y: 748 });
+    expect(
+      resolveSuiteAiLauncherPosition('top', -20, 900, 1000, 800, 120, 40),
+    ).toEqual({ x: 12, y: 12 });
+    expect(
+      resolveSuiteAiLauncherPosition('bottom', 900, -20, 1000, 800, 120, 40),
+    ).toEqual({ x: 868, y: 748 });
+  });
+});
+
+describe('resolveSuiteAiNearestEdge', () => {
+  it('docks to the closest of all four edges', () => {
+    expect(resolveSuiteAiNearestEdge(10, 400, 120, 40, 1000, 800)).toBe('left');
+    expect(resolveSuiteAiNearestEdge(870, 400, 120, 40, 1000, 800)).toBe(
+      'right',
+    );
+    expect(resolveSuiteAiNearestEdge(440, 10, 120, 40, 1000, 800)).toBe('top');
+    expect(resolveSuiteAiNearestEdge(440, 740, 120, 40, 1000, 800)).toBe(
+      'bottom',
+    );
+  });
+});
+
+describe('resolveSuiteAiPanelSide', () => {
+  it('opens from the docked horizontal edge or the launcher half', () => {
+    expect(resolveSuiteAiPanelSide('left', 500, 1000)).toBe('left');
+    expect(resolveSuiteAiPanelSide('right', 500, 1000)).toBe('right');
+    expect(resolveSuiteAiPanelSide('top', 100, 1000)).toBe('left');
+    expect(resolveSuiteAiPanelSide('bottom', 900, 1000)).toBe('right');
   });
 });

package/src/suite/components/ai-panel.tsx

@@ -14,9 +14,7 @@ import {
 } from 'react';
 import { Check, Copy, Sparks, Xmark as X } from 'iconoir-react';
 
-const SuiteAiBlockNoteMessage = lazy(
-  () => import('./ai-message-blocknote'),
-);
+const SuiteAiBlockNoteMessage = lazy(() => import('./ai-message-blocknote'));
 
 export const SUITE_OPEN_ASK_AI_EVENT = 'shellstack:open-ask-ai';
 
@@ -45,14 +43,16 @@ export interface SuiteAiChatMessage {
   created_at?: string;
 }
 
-type LauncherSide = 'left' | 'right';
+export type SuiteAiLauncherEdge = 'top' | 'right' | 'bottom' | 'left';
+type LauncherEdge = SuiteAiLauncherEdge;
 type LauncherPosition = { x: number; y: number };
 
 const LAUNCHER_EDGE_GAP = 12;
 const LAUNCHER_STORAGE_KEY = 'suite-ask-ai-launcher-position';
 
 export function resolveSuiteAiLauncherPosition(
-  side: LauncherSide,
+  edge: LauncherEdge,
+  desiredX: number,
   desiredY: number,
   viewportWidth: number,
   viewportHeight: number,
@@ -67,10 +67,51 @@ export function resolveSuiteAiLauncherPosition(
     LAUNCHER_EDGE_GAP,
     viewportHeight - launcherHeight - LAUNCHER_EDGE_GAP,
   );
-  return {
-    x: side === 'left' ? LAUNCHER_EDGE_GAP : maxX,
-    y: Math.min(Math.max(desiredY, LAUNCHER_EDGE_GAP), maxY),
-  };
+  const clampX = (x: number) => Math.min(Math.max(x, LAUNCHER_EDGE_GAP), maxX);
+  const clampY = (y: number) => Math.min(Math.max(y, LAUNCHER_EDGE_GAP), maxY);
+  switch (edge) {
+    case 'left':
+      return { x: LAUNCHER_EDGE_GAP, y: clampY(desiredY) };
+    case 'right':
+      return { x: maxX, y: clampY(desiredY) };
+    case 'top':
+      return { x: clampX(desiredX), y: LAUNCHER_EDGE_GAP };
+    case 'bottom':
+      return { x: clampX(desiredX), y: maxY };
+  }
+}
+
+/** Which edge the launcher is closest to, used to dock after a drag. */
+export function resolveSuiteAiNearestEdge(
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+  viewportWidth: number,
+  viewportHeight: number,
+): LauncherEdge {
+  const centerX = x + width / 2;
+  const centerY = y + height / 2;
+  const candidates: Array<{ edge: LauncherEdge; distance: number }> = [
+    { edge: 'left', distance: centerX },
+    { edge: 'right', distance: viewportWidth - centerX },
+    { edge: 'top', distance: centerY },
+    { edge: 'bottom', distance: viewportHeight - centerY },
+  ];
+  return candidates.reduce((nearest, candidate) =>
+    candidate.distance < nearest.distance ? candidate : nearest,
+  ).edge;
+}
+
+/** Which horizontal side the slide-over should open from for a docked edge. */
+export function resolveSuiteAiPanelSide(
+  edge: LauncherEdge,
+  x: number,
+  viewportWidth: number,
+): 'left' | 'right' {
+  if (edge === 'left') return 'left';
+  if (edge === 'right') return 'right';
+  return x < viewportWidth / 2 ? 'left' : 'right';
 }
 
 /**
@@ -113,13 +154,14 @@ export function SuiteAiPanel({
   const [hydrating, setHydrating] = useState(false);
   const [error, setError] = useState('');
   const [copiedId, setCopiedId] = useState<number | null>(null);
-  const [launcherSide, setLauncherSide] = useState<LauncherSide>('right');
+  const [launcherSide, setLauncherSide] = useState<LauncherEdge>('right');
+  const [panelSide, setPanelSide] = useState<'left' | 'right'>('right');
   const [launcherPosition, setLauncherPosition] =
     useState<LauncherPosition | null>(null);
   const [draggingLauncher, setDraggingLauncher] = useState(false);
   const scrollerRef = useRef<HTMLDivElement>(null);
   const launcherRef = useRef<HTMLButtonElement>(null);
-  const launcherSideRef = useRef<LauncherSide>('right');
+  const launcherSideRef = useRef<LauncherEdge>('right');
   const launcherPositionRef = useRef<LauncherPosition | null>(null);
   const launcherDragRef = useRef<{
     pointerId: number;
@@ -135,17 +177,25 @@ export function SuiteAiPanel({
     const launcher = launcherRef.current;
     if (!launcher) return;
 
-    let side: LauncherSide = 'right';
+    let side: LauncherEdge = 'right';
+    let desiredX = LAUNCHER_EDGE_GAP;
     let desiredY = window.innerHeight - launcher.offsetHeight - 20;
     try {
       const stored = JSON.parse(
         localStorage.getItem(LAUNCHER_STORAGE_KEY) || 'null',
       ) as {
-        side?: LauncherSide;
+        side?: LauncherEdge;
+        x?: number;
         y?: number;
       } | null;
-      if (stored?.side === 'left' || stored?.side === 'right')
+      if (
+        stored?.side === 'top' ||
+        stored?.side === 'right' ||
+        stored?.side === 'bottom' ||
+        stored?.side === 'left'
+      )
         side = stored.side;
+      if (typeof stored?.x === 'number') desiredX = stored.x;
       if (typeof stored?.y === 'number') desiredY = stored.y;
     } catch {
       // Ignore invalid saved launcher positions.
@@ -159,6 +209,7 @@ export function SuiteAiPanel({
       if (!element) return;
       const next = resolveSuiteAiLauncherPosition(
         launcherSideRef.current,
+        launcherPositionRef.current?.x ?? desiredX,
         launcherPositionRef.current?.y ?? desiredY,
         window.innerWidth,
         window.innerHeight,
@@ -167,6 +218,13 @@ export function SuiteAiPanel({
       );
       launcherPositionRef.current = next;
       setLauncherPosition(next);
+      setPanelSide(
+        resolveSuiteAiPanelSide(
+          launcherSideRef.current,
+          next.x,
+          window.innerWidth,
+        ),
+      );
     };
 
     placeLauncher();
@@ -280,35 +338,41 @@ export function SuiteAiPanel({
   }
 
   function saveLauncherPosition(
-    side: LauncherSide,
+    edge: LauncherEdge,
     position: LauncherPosition,
   ) {
     try {
       localStorage.setItem(
         LAUNCHER_STORAGE_KEY,
-        JSON.stringify({ side, y: position.y }),
+        JSON.stringify({ side: edge, x: position.x, y: position.y }),
       );
     } catch {
       // Storage may be unavailable; dragging still works for this session.
     }
   }
 
-  function dockLauncher(side: LauncherSide, desiredY: number) {
+  function dockLauncher(
+    edge: LauncherEdge,
+    desiredX: number,
+    desiredY: number,
+  ) {
     const launcher = launcherRef.current;
     if (!launcher) return;
     const next = resolveSuiteAiLauncherPosition(
-      side,
+      edge,
+      desiredX,
       desiredY,
       window.innerWidth,
       window.innerHeight,
       launcher.offsetWidth,
       launcher.offsetHeight,
     );
-    launcherSideRef.current = side;
+    launcherSideRef.current = edge;
     launcherPositionRef.current = next;
-    setLauncherSide(side);
+    setLauncherSide(edge);
     setLauncherPosition(next);
-    saveLauncherPosition(side, next);
+    setPanelSide(resolveSuiteAiPanelSide(edge, next.x, window.innerWidth));
+    saveLauncherPosition(edge, next);
   }
 
   function startLauncherDrag(event: ReactPointerEvent<HTMLButtonElement>) {
@@ -367,29 +431,34 @@ export function SuiteAiPanel({
     setDraggingLauncher(false);
     const rect = event.currentTarget.getBoundingClientRect();
     const currentX = launcherPositionRef.current?.x ?? rect.left;
-    const side: LauncherSide =
-      currentX + rect.width / 2 < window.innerWidth / 2 ? 'left' : 'right';
-    dockLauncher(side, launcherPositionRef.current?.y ?? rect.top);
+    const currentY = launcherPositionRef.current?.y ?? rect.top;
+    const edge = resolveSuiteAiNearestEdge(
+      currentX,
+      currentY,
+      rect.width,
+      rect.height,
+      window.innerWidth,
+      window.innerHeight,
+    );
+    dockLauncher(edge, currentX, currentY);
   }
 
   function moveLauncherWithKeyboard(
     event: ReactKeyboardEvent<HTMLButtonElement>,
   ) {
-    if (
-      !['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown'].includes(event.key)
-    )
-      return;
+    const edgeByKey: Record<string, LauncherEdge> = {
+      ArrowLeft: 'left',
+      ArrowRight: 'right',
+      ArrowUp: 'top',
+      ArrowDown: 'bottom',
+    };
+    const edge = edgeByKey[event.key];
+    if (!edge) return;
     event.preventDefault();
-    const currentY =
-      launcherPositionRef.current?.y ??
-      event.currentTarget.getBoundingClientRect().top;
-    if (event.key === 'ArrowLeft') dockLauncher('left', currentY);
-    else if (event.key === 'ArrowRight') dockLauncher('right', currentY);
-    else
-      dockLauncher(
-        launcherSideRef.current,
-        currentY + (event.key === 'ArrowUp' ? -24 : 24),
-      );
+    const rect = event.currentTarget.getBoundingClientRect();
+    const currentX = launcherPositionRef.current?.x ?? rect.left;
+    const currentY = launcherPositionRef.current?.y ?? rect.top;
+    dockLauncher(edge, currentX, currentY);
   }
 
   const Icon = BrandIcon ?? Sparks;
@@ -442,7 +511,7 @@ export function SuiteAiPanel({
             aria-label="Close Ask AI"
           />
           <aside
-            className={`absolute inset-y-0 flex w-full max-w-md flex-col bg-ph-surface shadow-2xl ${launcherSide === 'left' ? 'left-0 border-r border-ph-border' : 'right-0 border-l border-ph-border'}`}
+            className={`absolute inset-y-0 flex w-full max-w-md flex-col bg-ph-surface shadow-2xl ${panelSide === 'left' ? 'left-0 border-r border-ph-border' : 'right-0 border-l border-ph-border'}`}
             data-test="suite-ask-ai-panel"
           >
             <div className="flex items-center justify-between border-b border-ph-border px-4 py-3">

package/src/suite/icons/app-accents.ts

@@ -12,7 +12,8 @@ export type SuiteAccentSlug =
   | 'tides'
   | 'kraken'
   | 'shellstack'
-  | 'crew';
+  | 'crew'
+  | 'nakama';
 
 export interface SuiteAppAccent {
   /** Display name (default aria label for app marks). */
@@ -63,6 +64,13 @@ export const APP_ACCENTS: Record<SuiteAccentSlug, SuiteAppAccent> = {
     onTile: '#ffffff',
     onTileAccent: '#a5f3fc',
   },
+  nakama: {
+    label: 'Nakama',
+    accent: '#0891b2',
+    tile: '#155e75',
+    onTile: '#ffffff',
+    onTileAccent: '#a5f3fc',
+  },
 };
 
 /** Which glyph represents each app. */
@@ -72,4 +80,5 @@ export const APP_GLYPHS: Record<SuiteAccentSlug, SuiteIconName> = {
   kraken: 'squid-doc',
   shellstack: 'stack-hex',
   crew: 'crew-bot',
+  nakama: 'crew-bot',
 };

package/src/suite/lib/apps.ts

@@ -9,7 +9,8 @@ export type SuiteAppSlug =
   | 'shellstack'
   | 'tides'
   | 'turtletime'
-  | 'kraken';
+  | 'kraken'
+  | 'nakama';
 
 export interface SuiteAppDefinition {
   slug: SuiteAppSlug;
@@ -62,6 +63,15 @@ export const SUITE_APPS: readonly SuiteAppDefinition[] = [
     baseUrlEnv: 'NEXT_PUBLIC_KRAKEN_URL',
     baseUrlFallback: 'http://localhost:3003',
   },
+  {
+    slug: 'nakama',
+    name: 'Nakama',
+    description: 'AI teammates',
+    icon: '/nakama-icon.svg',
+    landing: '/today',
+    baseUrlEnv: 'NEXT_PUBLIC_NAKAMA_URL',
+    baseUrlFallback: 'http://localhost:3004',
+  },
 ] as const;
 
 export const SUITE_APP_MAP: Readonly<Record<SuiteAppSlug, SuiteAppDefinition>> =
@@ -82,6 +92,7 @@ const SOURCE_APP_SLUG: Record<string, SuiteAppSlug> = {
   turtletime: 'turtletime',
   tides: 'tides',
   kraken: 'kraken',
+  nakama: 'nakama',
   portal: 'shellstack',
   shellstack: 'shellstack',
 };