@xenide-io/the-old-ui-theme 0.9.0 → 0.9.2

package/dist/suite.js

@@ -59,324 +59,31 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/suite/lib/cookies.ts
-function suiteCookieDomainAttr() {
-  var _a;
-  const host = window.location.hostname;
-  if (host === "localhost" || /^\d{1,3}(?:\.\d{1,3}){3}$/.test(host)) {
-    return "";
-  }
-  if (host.endsWith(".localhost")) {
-    return "; Domain=.localhost";
-  }
-  const known = /* @__PURE__ */ new Set([
-    "tides",
-    "kraken",
-    "turtletime",
-    "time",
-    "shelly",
-    "app",
-    "shellstack",
-    "portal"
-  ]);
-  const parts = host.split(".");
-  if (parts.length >= 3 && known.has((_a = parts[0]) != null ? _a : "")) {
-    return `; Domain=.${parts.slice(1).join(".")}`;
-  }
-  if (parts.length >= 2) return `; Domain=.${parts.slice(1).join(".")}`;
-  return "";
-}
-function readCookie(name) {
-  const prefix = `${name}=`;
-  for (const part of document.cookie.split(";")) {
-    const trimmed = part.trim();
-    if (trimmed.startsWith(prefix)) {
-      return decodeURIComponent(trimmed.slice(prefix.length));
-    }
-  }
-  return null;
-}
-function writeCookie(name, value) {
-  const secure = window.location.protocol === "https:" ? "; Secure" : "";
-  document.cookie = `${name}=${encodeURIComponent(value)}; Path=/; Max-Age=31536000; SameSite=Lax${suiteCookieDomainAttr()}${secure}`;
-}
-function clearCookie(name) {
-  const secure = window.location.protocol === "https:" ? "; Secure" : "";
-  document.cookie = `${name}=; Path=/; Max-Age=0; SameSite=Lax${suiteCookieDomainAttr()}${secure}`;
-}
-var init_cookies = __esm({
-  "src/suite/lib/cookies.ts"() {
-    "use strict";
-  }
-});
-
-// src/suite/lib/theme-cookie.ts
-var SUITE_THEME_COOKIE, SUITE_THEME_CHANNEL;
-var init_theme_cookie = __esm({
-  "src/suite/lib/theme-cookie.ts"() {
-    "use strict";
-    SUITE_THEME_COOKIE = "xenide-suite-theme";
-    SUITE_THEME_CHANNEL = "xenide-suite-theme";
-  }
+// src/suite/components/ai-message-markdown.tsx
+var ai_message_markdown_exports = {};
+__export(ai_message_markdown_exports, {
+  default: () => SuiteAiMarkdownMessage
 });
-
-// src/suite/components/theme-provider.tsx
-function broadcastTheme(theme) {
-  if (typeof BroadcastChannel === "undefined") return;
-  try {
-    suiteThemeChannel != null ? suiteThemeChannel : suiteThemeChannel = new BroadcastChannel(SUITE_THEME_CHANNEL);
-    suiteThemeChannel.postMessage(theme);
-  } catch (e) {
-  }
-}
-function readSharedTheme() {
-  if (typeof window === "undefined") return null;
-  try {
-    const value = readCookie(SUITE_THEME_COOKIE);
-    return value === "light" || value === "dark" || value === "system" ? value : null;
-  } catch (e) {
-    return null;
-  }
-}
-function writeSharedTheme(theme) {
-  try {
-    writeCookie(SUITE_THEME_COOKIE, theme);
-  } catch (e) {
-  }
-}
-function systemTheme(fallback) {
-  if (typeof window === "undefined") return fallback;
-  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-function resolveTheme(theme, fallback) {
-  return theme === "system" ? systemTheme(fallback) : theme;
-}
-function applyTheme(theme, config) {
-  const resolved = resolveTheme(theme, config.fallbackTheme);
-  if (typeof document === "undefined") return resolved;
-  document.documentElement.setAttribute(
-    "data-theme",
-    resolved === "dark" ? config.darkThemeId : config.lightThemeId
-  );
-  document.documentElement.classList.toggle("dark", resolved === "dark");
-  if (config.themeColorLight && config.themeColorDark) {
-    const meta = document.getElementById(
-      "theme-color-meta"
-    );
-    if (meta) {
-      meta.content = resolved === "light" ? config.themeColorLight : config.themeColorDark;
-    }
-  }
-  return resolved;
-}
-function readStoredTheme(storageKey) {
-  if (typeof window === "undefined") return "system";
-  const shared = readSharedTheme();
-  if (shared) return shared;
-  try {
-    const stored = localStorage.getItem(storageKey);
-    if (stored === "light" || stored === "dark" || stored === "system")
-      return stored;
-  } catch (e) {
-  }
-  return "system";
-}
-function SuiteThemeProvider({
-  config,
-  children
-}) {
-  const [state, setState] = (0, import_react10.useState)(() => {
-    const theme = readStoredTheme(config.storageKey);
-    if (typeof document === "undefined") {
-      return { theme, resolvedTheme: config.fallbackTheme };
-    }
-    const domTheme = document.documentElement.getAttribute("data-theme");
-    const resolvedTheme = domTheme === config.darkThemeId ? "dark" : domTheme === config.lightThemeId ? "light" : resolveTheme(theme, config.fallbackTheme);
-    return { theme, resolvedTheme };
-  });
-  const themeRef = (0, import_react10.useRef)(state.theme);
-  themeRef.current = state.theme;
-  (0, import_react10.useEffect)(() => {
-    applyTheme(state.theme, config);
-  }, [state.theme, config]);
-  (0, import_react10.useEffect)(() => {
-    if (readSharedTheme() == null) writeSharedTheme(state.theme);
-  }, []);
-  (0, import_react10.useEffect)(() => {
-    if (state.theme !== "system") return;
-    const media = window.matchMedia("(prefers-color-scheme: dark)");
-    const update = () => {
-      const resolved = applyTheme("system", config);
-      setState((current) => __spreadProps(__spreadValues({}, current), { resolvedTheme: resolved }));
-    };
-    media.addEventListener("change", update);
-    return () => media.removeEventListener("change", update);
-  }, [state.theme, config]);
-  (0, import_react10.useEffect)(() => {
-    let channel = null;
-    try {
-      channel = new BroadcastChannel(SUITE_THEME_CHANNEL);
-    } catch (e) {
-      channel = null;
-    }
-    const adopt = (next) => {
-      if (next !== "light" && next !== "dark" && next !== "system") return;
-      if (next === themeRef.current) return;
-      const resolved = applyTheme(next, config);
-      try {
-        localStorage.setItem(config.storageKey, next);
-      } catch (e) {
-      }
-      setState({ theme: next, resolvedTheme: resolved });
-    };
-    const readShared = () => adopt(readSharedTheme());
-    const onChannel = (event) => adopt(event.data);
-    const onStorage = (event) => {
-      if (event.key === config.storageKey) adopt(event.newValue);
-    };
-    let poll = null;
-    const startPolling = () => {
-      if (poll == null) poll = setInterval(readShared, 2e3);
-    };
-    const stopPolling = () => {
-      if (poll != null) {
-        clearInterval(poll);
-        poll = null;
-      }
-    };
-    const onVisibility = () => {
-      if (document.visibilityState === "visible") {
-        readShared();
-        startPolling();
-      } else {
-        stopPolling();
-      }
-    };
-    channel == null ? void 0 : channel.addEventListener("message", onChannel);
-    window.addEventListener("storage", onStorage);
-    window.addEventListener("focus", readShared);
-    document.addEventListener("visibilitychange", onVisibility);
-    if (document.visibilityState === "visible") startPolling();
-    return () => {
-      channel == null ? void 0 : channel.removeEventListener("message", onChannel);
-      channel == null ? void 0 : channel.close();
-      window.removeEventListener("storage", onStorage);
-      window.removeEventListener("focus", readShared);
-      document.removeEventListener("visibilitychange", onVisibility);
-      stopPolling();
-    };
-  }, [config]);
-  const setTheme = (0, import_react10.useCallback)(
-    (next) => {
-      const resolved = applyTheme(next, config);
-      setState({ theme: next, resolvedTheme: resolved });
-      try {
-        localStorage.setItem(config.storageKey, next);
-      } catch (e) {
-      }
-      writeSharedTheme(next);
-      broadcastTheme(next);
-    },
-    [config]
-  );
-  const toggleTheme = (0, import_react10.useCallback)(() => {
-    const next = resolveTheme(themeRef.current, config.fallbackTheme) === "dark" ? "light" : "dark";
-    setTheme(next);
-  }, [config, setTheme]);
-  const value = (0, import_react10.useMemo)(
-    () => ({ theme: state.theme, resolvedTheme: state.resolvedTheme, setTheme, toggleTheme }),
-    [state.theme, state.resolvedTheme, setTheme, toggleTheme]
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SuiteThemeContext.Provider, { value, children });
-}
-function useSuiteTheme() {
-  const ctx = (0, import_react10.useContext)(SuiteThemeContext);
-  if (!ctx) throw new Error("useTheme must be used within ThemeProvider");
-  return ctx;
-}
-var import_react10, import_jsx_runtime21, SuiteThemeContext, suiteThemeChannel;
-var init_theme_provider = __esm({
-  "src/suite/components/theme-provider.tsx"() {
-    "use strict";
-    "use client";
-    import_react10 = require("react");
-    init_cookies();
-    init_theme_cookie();
-    import_jsx_runtime21 = require("react/jsx-runtime");
-    SuiteThemeContext = (0, import_react10.createContext)(null);
-    suiteThemeChannel = null;
-  }
-});
-
-// src/suite/components/ai-message-blocknote.tsx
-var ai_message_blocknote_exports = {};
-__export(ai_message_blocknote_exports, {
-  default: () => SuiteAiBlockNoteMessage
-});
-function SuiteAiBlockNoteMessage({
+function SuiteAiMarkdownMessage({
   markdown
 }) {
-  const { resolvedTheme } = useSuiteTheme();
-  const editor = (0, import_react13.useCreateBlockNote)({ schema: assistantSchema });
-  useIsomorphicLayoutEffect(() => {
-    try {
-      const blocks = editor.tryParseMarkdownToBlocks(markdown);
-      editor.replaceBlocks(
-        editor.document,
-        blocks.length > 0 ? blocks : [{ type: "paragraph", content: markdown }]
-      );
-    } catch (e) {
-      editor.replaceBlocks(editor.document, [
-        { type: "paragraph", content: markdown }
-      ]);
-    }
-  }, [editor, markdown]);
-  (0, import_react12.useEffect)(() => {
-    const el = editor.domElement;
-    el == null ? void 0 : el.setAttribute("aria-label", "Assistant message");
-  }, [editor]);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    import_react13.BlockNoteViewRaw,
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "suite-ai-markdown", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_react_markdown.default,
     {
-      editor,
-      editable: false,
-      theme: resolvedTheme,
-      className: "suite-ai-blocknote",
-      formattingToolbar: false,
-      sideMenu: false,
-      slashMenu: false,
-      linkToolbar: false,
-      filePanel: false,
-      tableHandles: false,
-      comments: false
+      remarkPlugins: [import_remark_gfm.default],
+      components: { img: () => null },
+      children: markdown
     }
-  );
+  ) });
 }
-var import_react12, import_core, import_react13, import_style, import_jsx_runtime23, useIsomorphicLayoutEffect, assistantSchema;
-var init_ai_message_blocknote = __esm({
-  "src/suite/components/ai-message-blocknote.tsx"() {
+var import_react_markdown, import_remark_gfm, import_jsx_runtime23;
+var init_ai_message_markdown = __esm({
+  "src/suite/components/ai-message-markdown.tsx"() {
     "use strict";
     "use client";
-    import_react12 = require("react");
-    import_core = require("@blocknote/core");
-    import_react13 = require("@blocknote/react");
-    import_style = require("@blocknote/react/style.css");
-    init_theme_provider();
+    import_react_markdown = __toESM(require("react-markdown"));
+    import_remark_gfm = __toESM(require("remark-gfm"));
     import_jsx_runtime23 = require("react/jsx-runtime");
-    useIsomorphicLayoutEffect = typeof window !== "undefined" ? import_react12.useLayoutEffect : import_react12.useEffect;
-    assistantSchema = import_core.BlockNoteSchema.create({
-      blockSpecs: {
-        paragraph: import_core.defaultBlockSpecs.paragraph,
-        heading: import_core.defaultBlockSpecs.heading,
-        bulletListItem: import_core.defaultBlockSpecs.bulletListItem,
-        numberedListItem: import_core.defaultBlockSpecs.numberedListItem,
-        checkListItem: import_core.defaultBlockSpecs.checkListItem,
-        codeBlock: import_core.defaultBlockSpecs.codeBlock,
-        quote: import_core.defaultBlockSpecs.quote,
-        table: import_core.defaultBlockSpecs.table,
-        divider: import_core.defaultBlockSpecs.divider
-      }
-    });
   }
 });
 
@@ -460,7 +167,7 @@ __export(suite_exports, {
   consumePendingAskAiPrompt: () => consumePendingAskAiPrompt,
   consumeSuiteAskAiOpenFromLocation: () => consumeSuiteAskAiOpenFromLocation,
   getTodayGreeting: () => getTodayGreeting,
-  m: () => import_react17.m,
+  m: () => import_react15.m,
   openSuiteAskAi: () => openSuiteAskAi,
   pathWithSuiteAskAiOpen: () => pathWithSuiteAskAiOpen,
   persistSidebarWidth: () => persistSidebarWidth,
@@ -3268,11 +2975,238 @@ function TodayCalibrating({
   );
 }
 
-// src/suite/index.ts
-init_theme_provider();
+// src/suite/components/theme-provider.tsx
+var import_react10 = require("react");
+
+// src/suite/lib/cookies.ts
+function suiteCookieDomainAttr() {
+  var _a;
+  const host = window.location.hostname;
+  if (host === "localhost" || /^\d{1,3}(?:\.\d{1,3}){3}$/.test(host)) {
+    return "";
+  }
+  if (host.endsWith(".localhost")) {
+    return "; Domain=.localhost";
+  }
+  const known = /* @__PURE__ */ new Set([
+    "tides",
+    "kraken",
+    "turtletime",
+    "time",
+    "shelly",
+    "app",
+    "shellstack",
+    "portal"
+  ]);
+  const parts = host.split(".");
+  if (parts.length >= 3 && known.has((_a = parts[0]) != null ? _a : "")) {
+    return `; Domain=.${parts.slice(1).join(".")}`;
+  }
+  if (parts.length >= 2) return `; Domain=.${parts.slice(1).join(".")}`;
+  return "";
+}
+function readCookie(name) {
+  const prefix = `${name}=`;
+  for (const part of document.cookie.split(";")) {
+    const trimmed = part.trim();
+    if (trimmed.startsWith(prefix)) {
+      return decodeURIComponent(trimmed.slice(prefix.length));
+    }
+  }
+  return null;
+}
+function writeCookie(name, value) {
+  const secure = window.location.protocol === "https:" ? "; Secure" : "";
+  document.cookie = `${name}=${encodeURIComponent(value)}; Path=/; Max-Age=31536000; SameSite=Lax${suiteCookieDomainAttr()}${secure}`;
+}
+function clearCookie(name) {
+  const secure = window.location.protocol === "https:" ? "; Secure" : "";
+  document.cookie = `${name}=; Path=/; Max-Age=0; SameSite=Lax${suiteCookieDomainAttr()}${secure}`;
+}
+
+// src/suite/lib/theme-cookie.ts
+var SUITE_THEME_COOKIE = "xenide-suite-theme";
+var SUITE_THEME_CHANNEL = "xenide-suite-theme";
+
+// src/suite/components/theme-provider.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+var SuiteThemeContext = (0, import_react10.createContext)(null);
+var suiteThemeChannel = null;
+function broadcastTheme(theme) {
+  if (typeof BroadcastChannel === "undefined") return;
+  try {
+    suiteThemeChannel != null ? suiteThemeChannel : suiteThemeChannel = new BroadcastChannel(SUITE_THEME_CHANNEL);
+    suiteThemeChannel.postMessage(theme);
+  } catch (e) {
+  }
+}
+function readSharedTheme() {
+  if (typeof window === "undefined") return null;
+  try {
+    const value = readCookie(SUITE_THEME_COOKIE);
+    return value === "light" || value === "dark" || value === "system" ? value : null;
+  } catch (e) {
+    return null;
+  }
+}
+function writeSharedTheme(theme) {
+  try {
+    writeCookie(SUITE_THEME_COOKIE, theme);
+  } catch (e) {
+  }
+}
+function systemTheme(fallback) {
+  if (typeof window === "undefined") return fallback;
+  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+}
+function resolveTheme(theme, fallback) {
+  return theme === "system" ? systemTheme(fallback) : theme;
+}
+function applyTheme(theme, config) {
+  const resolved = resolveTheme(theme, config.fallbackTheme);
+  if (typeof document === "undefined") return resolved;
+  document.documentElement.setAttribute(
+    "data-theme",
+    resolved === "dark" ? config.darkThemeId : config.lightThemeId
+  );
+  document.documentElement.classList.toggle("dark", resolved === "dark");
+  if (config.themeColorLight && config.themeColorDark) {
+    const meta = document.getElementById(
+      "theme-color-meta"
+    );
+    if (meta) {
+      meta.content = resolved === "light" ? config.themeColorLight : config.themeColorDark;
+    }
+  }
+  return resolved;
+}
+function readStoredTheme(storageKey) {
+  if (typeof window === "undefined") return "system";
+  const shared = readSharedTheme();
+  if (shared) return shared;
+  try {
+    const stored = localStorage.getItem(storageKey);
+    if (stored === "light" || stored === "dark" || stored === "system")
+      return stored;
+  } catch (e) {
+  }
+  return "system";
+}
+function SuiteThemeProvider({
+  config,
+  children
+}) {
+  const [state, setState] = (0, import_react10.useState)(() => {
+    const theme = readStoredTheme(config.storageKey);
+    if (typeof document === "undefined") {
+      return { theme, resolvedTheme: config.fallbackTheme };
+    }
+    const domTheme = document.documentElement.getAttribute("data-theme");
+    const resolvedTheme = domTheme === config.darkThemeId ? "dark" : domTheme === config.lightThemeId ? "light" : resolveTheme(theme, config.fallbackTheme);
+    return { theme, resolvedTheme };
+  });
+  const themeRef = (0, import_react10.useRef)(state.theme);
+  themeRef.current = state.theme;
+  (0, import_react10.useEffect)(() => {
+    applyTheme(state.theme, config);
+  }, [state.theme, config]);
+  (0, import_react10.useEffect)(() => {
+    if (readSharedTheme() == null) writeSharedTheme(state.theme);
+  }, []);
+  (0, import_react10.useEffect)(() => {
+    if (state.theme !== "system") return;
+    const media = window.matchMedia("(prefers-color-scheme: dark)");
+    const update = () => {
+      const resolved = applyTheme("system", config);
+      setState((current) => __spreadProps(__spreadValues({}, current), { resolvedTheme: resolved }));
+    };
+    media.addEventListener("change", update);
+    return () => media.removeEventListener("change", update);
+  }, [state.theme, config]);
+  (0, import_react10.useEffect)(() => {
+    let channel = null;
+    try {
+      channel = new BroadcastChannel(SUITE_THEME_CHANNEL);
+    } catch (e) {
+      channel = null;
+    }
+    const adopt = (next) => {
+      if (next !== "light" && next !== "dark" && next !== "system") return;
+      if (next === themeRef.current) return;
+      const resolved = applyTheme(next, config);
+      try {
+        localStorage.setItem(config.storageKey, next);
+      } catch (e) {
+      }
+      setState({ theme: next, resolvedTheme: resolved });
+    };
+    const readShared = () => adopt(readSharedTheme());
+    const onChannel = (event) => adopt(event.data);
+    const onStorage = (event) => {
+      if (event.key === config.storageKey) adopt(event.newValue);
+    };
+    let poll = null;
+    const startPolling = () => {
+      if (poll == null) poll = setInterval(readShared, 2e3);
+    };
+    const stopPolling = () => {
+      if (poll != null) {
+        clearInterval(poll);
+        poll = null;
+      }
+    };
+    const onVisibility = () => {
+      if (document.visibilityState === "visible") {
+        readShared();
+        startPolling();
+      } else {
+        stopPolling();
+      }
+    };
+    channel == null ? void 0 : channel.addEventListener("message", onChannel);
+    window.addEventListener("storage", onStorage);
+    window.addEventListener("focus", readShared);
+    document.addEventListener("visibilitychange", onVisibility);
+    if (document.visibilityState === "visible") startPolling();
+    return () => {
+      channel == null ? void 0 : channel.removeEventListener("message", onChannel);
+      channel == null ? void 0 : channel.close();
+      window.removeEventListener("storage", onStorage);
+      window.removeEventListener("focus", readShared);
+      document.removeEventListener("visibilitychange", onVisibility);
+      stopPolling();
+    };
+  }, [config]);
+  const setTheme = (0, import_react10.useCallback)(
+    (next) => {
+      const resolved = applyTheme(next, config);
+      setState({ theme: next, resolvedTheme: resolved });
+      try {
+        localStorage.setItem(config.storageKey, next);
+      } catch (e) {
+      }
+      writeSharedTheme(next);
+      broadcastTheme(next);
+    },
+    [config]
+  );
+  const toggleTheme = (0, import_react10.useCallback)(() => {
+    const next = resolveTheme(themeRef.current, config.fallbackTheme) === "dark" ? "light" : "dark";
+    setTheme(next);
+  }, [config, setTheme]);
+  const value = (0, import_react10.useMemo)(
+    () => ({ theme: state.theme, resolvedTheme: state.resolvedTheme, setTheme, toggleTheme }),
+    [state.theme, state.resolvedTheme, setTheme, toggleTheme]
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SuiteThemeContext.Provider, { value, children });
+}
+function useSuiteTheme() {
+  const ctx = (0, import_react10.useContext)(SuiteThemeContext);
+  if (!ctx) throw new Error("useTheme must be used within ThemeProvider");
+  return ctx;
+}
 
 // src/suite/lib/theme-boot.ts
-init_theme_cookie();
 function suiteThemeBootScript(options) {
   var _a, _b, _c, _d;
   const light = JSON.stringify(options.lightThemeId);
@@ -3285,7 +3219,7 @@ function suiteThemeBootScript(options) {
 }
 
 // src/suite/components/ai-panel.tsx
-var import_react14 = require("react");
+var import_react12 = require("react");
 var import_iconoir_react8 = require("iconoir-react");
 
 // src/components/ui/Tooltip.tsx
@@ -3432,7 +3366,7 @@ function Tooltip({
 
 // src/suite/components/ai-panel.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
-var SuiteAiBlockNoteMessage2 = (0, import_react14.lazy)(() => Promise.resolve().then(() => (init_ai_message_blocknote(), ai_message_blocknote_exports)));
+var SuiteAiMarkdownMessage2 = (0, import_react12.lazy)(() => Promise.resolve().then(() => (init_ai_message_markdown(), ai_message_markdown_exports)));
 var SUITE_OPEN_ASK_AI_EVENT = "shellstack:open-ask-ai";
 var SUITE_ASK_AI_OPEN_KEY = "shellstack:shelly-open";
 var SUITE_ASK_AI_OPEN_QUERY = "shelly";
@@ -3517,11 +3451,11 @@ function SuiteAiPanel({
   resolveAction,
   isWaitingForReply = false
 }) {
-  const inputId = (0, import_react14.useId)();
-  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react14.useState)(false);
-  const [resolvingId, setResolvingId] = (0, import_react14.useState)("");
+  const inputId = (0, import_react12.useId)();
+  const [uncontrolledOpen, setUncontrolledOpen] = (0, import_react12.useState)(false);
+  const [resolvingId, setResolvingId] = (0, import_react12.useState)("");
   const open = openProp != null ? openProp : uncontrolledOpen;
-  const setOpen = (0, import_react14.useCallback)(
+  const setOpen = (0, import_react12.useCallback)(
     (next) => {
       persistSuiteAskAiOpen(next);
       if (openProp === void 0) setUncontrolledOpen(next);
@@ -3529,18 +3463,18 @@ function SuiteAiPanel({
     },
     [onOpenChange, openProp]
   );
-  const [prompt, setPrompt] = (0, import_react14.useState)("");
-  const [messages, setMessages] = (0, import_react14.useState)([]);
-  const [loading, setLoading] = (0, import_react14.useState)(false);
-  const [hydrating, setHydrating] = (0, import_react14.useState)(false);
-  const [error, setError] = (0, import_react14.useState)("");
-  const [atBottom, setAtBottom] = (0, import_react14.useState)(true);
-  const scrollerRef = (0, import_react14.useRef)(null);
-  const textareaRef = (0, import_react14.useRef)(null);
-  const abortRef = (0, import_react14.useRef)(null);
-  const pendingPromptRef = (0, import_react14.useRef)(null);
+  const [prompt, setPrompt] = (0, import_react12.useState)("");
+  const [messages, setMessages] = (0, import_react12.useState)([]);
+  const [loading, setLoading] = (0, import_react12.useState)(false);
+  const [hydrating, setHydrating] = (0, import_react12.useState)(false);
+  const [error, setError] = (0, import_react12.useState)("");
+  const [atBottom, setAtBottom] = (0, import_react12.useState)(true);
+  const scrollerRef = (0, import_react12.useRef)(null);
+  const textareaRef = (0, import_react12.useRef)(null);
+  const abortRef = (0, import_react12.useRef)(null);
+  const pendingPromptRef = (0, import_react12.useRef)(null);
   const waiting = loading || isWaitingForReply;
-  (0, import_react14.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     function onOpen(event) {
       var _a;
       const detail = event.detail;
@@ -3554,19 +3488,19 @@ function SuiteAiPanel({
     window.addEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
     return () => window.removeEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
   }, [setOpen]);
-  const scrollToBottom = (0, import_react14.useCallback)((behavior = "auto") => {
+  const scrollToBottom = (0, import_react12.useCallback)((behavior = "auto") => {
     const el = scrollerRef.current;
     if (!el) return;
     el.scrollTo({ top: el.scrollHeight, behavior });
     setAtBottom(true);
   }, []);
-  const handleScroll = (0, import_react14.useCallback)(() => {
+  const handleScroll = (0, import_react12.useCallback)(() => {
     const el = scrollerRef.current;
     if (!el) return;
     const distance = el.scrollHeight - el.scrollTop - el.clientHeight;
     setAtBottom(distance < 64);
   }, []);
-  const hydrate = (0, import_react14.useCallback)(async () => {
+  const hydrate = (0, import_react12.useCallback)(async () => {
     var _a, _b, _c;
     setHydrating(true);
     setError("");
@@ -3589,7 +3523,7 @@ function SuiteAiPanel({
       setHydrating(false);
     }
   }, [fetchChat]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     var _a;
     if (!open) return;
     const queued = (_a = pendingPromptRef.current) != null ? _a : consumePendingAskAiPrompt();
@@ -3600,14 +3534,14 @@ function SuiteAiPanel({
       if (pending) setPrompt(pending);
     });
   }, [open, hydrate]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (open && atBottom) scrollToBottom();
   }, [messages, waiting, open, atBottom, scrollToBottom]);
-  (0, import_react14.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     var _a;
     if (open && !hydrating) (_a = textareaRef.current) == null ? void 0 : _a.focus();
   }, [open, hydrating]);
-  (0, import_react14.useLayoutEffect)(() => {
+  (0, import_react12.useLayoutEffect)(() => {
     const el = textareaRef.current;
     if (!el) return;
     el.style.height = "auto";
@@ -3822,7 +3756,7 @@ function SuiteAiPanel({
                         ),
                         /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "min-w-0 max-w-[85%] space-y-2", children: [
                           /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "rounded-2xl rounded-bl-md bg-ph-muted px-3 py-2 text-sm leading-relaxed text-ph-ink", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-                            import_react14.Suspense,
+                            import_react12.Suspense,
                             {
                               fallback: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
                                 "div",
@@ -3838,7 +3772,7 @@ function SuiteAiPanel({
                                   ]
                                 }
                               ),
-                              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SuiteAiBlockNoteMessage2, { markdown: message.content })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SuiteAiMarkdownMessage2, { markdown: message.content })
                             }
                           ) }),
                           ((_a = message.actions) != null ? _a : []).map((action) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
@@ -4005,7 +3939,7 @@ function SuiteAiPanel({
 }
 
 // src/suite/components/workspace-switcher.tsx
-var import_react15 = require("react");
+var import_react13 = require("react");
 var import_iconoir_react9 = require("iconoir-react");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 function SuiteWorkspaceSwitcher({
@@ -4023,7 +3957,7 @@ function SuiteWorkspaceSwitcher({
   footer
 }) {
   var _a;
-  const [open, setOpen] = (0, import_react15.useState)(false);
+  const [open, setOpen] = (0, import_react13.useState)(false);
   const sections = (_a = groups == null ? void 0 : groups.filter((group) => group.workspaces.length > 0)) != null ? _a : workspaces.length > 0 ? [{ id: "workspaces", label: "Switch workspace", workspaces }] : [];
   return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
     DropdownMenu2,
@@ -4168,8 +4102,7 @@ function SuiteIcon({
 }
 
 // src/suite/lib/use-sidebar-width.ts
-var import_react16 = require("react");
-init_cookies();
+var import_react14 = require("react");
 var SIDEBAR_RAIL_WIDTH = 56;
 var SIDEBAR_COLLAPSE_THRESHOLD = 80;
 var SIDEBAR_MIN_EXPANDED_WIDTH = 180;
@@ -4254,10 +4187,10 @@ function resetSuiteSidebarWidth() {
 }
 function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SIDEBAR_DEFAULT_WIDTH) {
   const fallbackWidth = snapWidth(clampWidth(defaultWidth));
-  const [width, setWidth] = (0, import_react16.useState)(fallbackWidth);
-  const [narrowViewport, setNarrowViewport] = (0, import_react16.useState)(false);
+  const [width, setWidth] = (0, import_react14.useState)(fallbackWidth);
+  const [narrowViewport, setNarrowViewport] = (0, import_react14.useState)(false);
   const collapsed = narrowViewport || width <= SIDEBAR_COLLAPSE_THRESHOLD;
-  (0, import_react16.useLayoutEffect)(() => {
+  (0, import_react14.useLayoutEffect)(() => {
     const sync = () => {
       const stored = readSidebarWidth(storageKey);
       if (stored == null) return;
@@ -4273,20 +4206,20 @@ function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SI
       document.removeEventListener("visibilitychange", sync);
     };
   }, [storageKey]);
-  (0, import_react16.useLayoutEffect)(() => {
+  (0, import_react14.useLayoutEffect)(() => {
     const media = window.matchMedia("(max-width: 639px)");
     const sync = () => setNarrowViewport(media.matches);
     sync();
     media.addEventListener("change", sync);
     return () => media.removeEventListener("change", sync);
   }, []);
-  const persist = (0, import_react16.useCallback)(
+  const persist = (0, import_react14.useCallback)(
     (value) => {
       persistSidebarWidth(storageKey, value);
     },
     [storageKey]
   );
-  const setCollapsed = (0, import_react16.useCallback)(
+  const setCollapsed = (0, import_react14.useCallback)(
     (value) => {
       setWidth((current) => {
         const next = value ? SIDEBAR_RAIL_WIDTH : current <= SIDEBAR_COLLAPSE_THRESHOLD ? fallbackWidth : snapWidth(current);
@@ -4296,11 +4229,11 @@ function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SI
     },
     [fallbackWidth, persist]
   );
-  const resetWidth = (0, import_react16.useCallback)(() => {
+  const resetWidth = (0, import_react14.useCallback)(() => {
     setWidth(fallbackWidth);
     persist(fallbackWidth);
   }, [fallbackWidth, persist]);
-  const startResize = (0, import_react16.useCallback)(
+  const startResize = (0, import_react14.useCallback)(
     (event) => {
       event.preventDefault();
       const startX = event.clientX;
@@ -4322,7 +4255,7 @@ function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SI
     },
     [persist, width]
   );
-  const resizeBy = (0, import_react16.useCallback)(
+  const resizeBy = (0, import_react14.useCallback)(
     (delta) => {
       setWidth((current) => {
         const next = clampWidth(current + delta);
@@ -4336,10 +4269,10 @@ function useSidebarWidth(storageKey = SUITE_SIDEBAR_WIDTH_KEY, defaultWidth = SI
 }
 
 // src/suite/lib/motion.tsx
-var import_react17 = require("motion/react");
+var import_react15 = require("motion/react");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 function SuiteMotionProvider({ children }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react17.LazyMotion, { features: import_react17.domAnimation, strict: true, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_react15.LazyMotion, { features: import_react15.domAnimation, strict: true, children });
 }
 var SUITE_SPRINGS = {
   /** Snappy panel/sheet entrances — small overshoot. */
@@ -4496,7 +4429,7 @@ function SuiteEmptyState({
 }
 
 // src/suite/components/suite-settings-mobile-nav.tsx
-var import_react18 = require("react");
+var import_react16 = require("react");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 function SuiteSettingsMobileNav({
   items,
@@ -4515,7 +4448,7 @@ function SuiteSettingsMobileNav({
       children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex snap-x gap-2 overflow-x-auto pb-3 pt-1 scrollbar-hide [-ms-overflow-style:none] [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", children: items.map((item) => {
         const Icon = item.icon;
         const active = activeHref === item.href || activeHref.startsWith(`${item.href}/`);
-        const iconNode = (0, import_react18.isValidElement)(item.icon) ? item.icon : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        const iconNode = (0, import_react16.isValidElement)(item.icon) ? item.icon : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           Icon,
           {
             className: cn(
@@ -4553,7 +4486,7 @@ function SuiteSettingsMobileNav({
 
 // src/suite/components/suite-sidebar.tsx
 var import_link2 = __toESM(require("next/link"));
-var import_react19 = require("react");
+var import_react17 = require("react");
 var import_iconoir_react10 = require("iconoir-react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function renderNode(node, collapsed) {
@@ -4578,14 +4511,14 @@ function SuiteSidebar({
 }) {
   const showAskAi = Boolean(onAskAiOpenChange && askAi);
   const chatOpen = showAskAi && askAiOpen && !collapsed;
-  const setAskAi = (0, import_react19.useCallback)(
+  const setAskAi = (0, import_react17.useCallback)(
     (next) => {
       persistSuiteAskAiOpen(next);
       onAskAiOpenChange == null ? void 0 : onAskAiOpenChange(next);
     },
     [onAskAiOpenChange]
   );
-  (0, import_react19.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!onAskAiOpenChange) return;
     function onOpen() {
       onRequestExpand == null ? void 0 : onRequestExpand();
@@ -4594,7 +4527,7 @@ function SuiteSidebar({
     window.addEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
     return () => window.removeEventListener(SUITE_OPEN_ASK_AI_EVENT, onOpen);
   }, [onAskAiOpenChange, onRequestExpand, setAskAi]);
-  (0, import_react19.useEffect)(() => {
+  (0, import_react17.useEffect)(() => {
     if (!chatOpen) return;
     function onKey(event) {
       if (event.key === "Escape") setAskAi(false);
@@ -4909,11 +4842,11 @@ function SuiteAppLayout({
 }
 
 // src/suite/components/suite-integration-picker.tsx
-var import_react27 = require("react");
+var import_react25 = require("react");
 var import_iconoir_react12 = require("iconoir-react");
 
 // src/components/ui/Button.tsx
-var import_react20 = require("react");
+var import_react18 = require("react");
 var import_jsx_runtime32 = require("react/jsx-runtime");
 var variantClass = {
   primary: "ph-btn-primary",
@@ -4941,7 +4874,7 @@ var shapeClass = {
   square: "ph-btn-square",
   wide: "ph-btn-wide"
 };
-var Button = (0, import_react20.forwardRef)(function Button2(_a, ref) {
+var Button = (0, import_react18.forwardRef)(function Button2(_a, ref) {
   var _b = _a, {
     variant = "secondary",
     size = "md",
@@ -5005,7 +4938,7 @@ var Button = (0, import_react20.forwardRef)(function Button2(_a, ref) {
 Button.displayName = "Button";
 
 // src/components/ui/Alert.tsx
-var import_react21 = require("react");
+var import_react19 = require("react");
 var import_jsx_runtime33 = require("react/jsx-runtime");
 var statusConfig = {
   info: { icon: IconInfo },
@@ -5019,7 +4952,7 @@ var statusClassMap = {
   warning: "ph-alert-warning",
   danger: "ph-alert-danger"
 };
-var Alert = (0, import_react21.forwardRef)(function Alert2(_a, ref) {
+var Alert = (0, import_react19.forwardRef)(function Alert2(_a, ref) {
   var _b = _a, {
     status = "info",
     title,
@@ -5077,7 +5010,7 @@ var Alert = (0, import_react21.forwardRef)(function Alert2(_a, ref) {
 Alert.displayName = "Alert";
 
 // src/components/ui/Badge.tsx
-var import_react22 = require("react");
+var import_react20 = require("react");
 var import_jsx_runtime34 = require("react/jsx-runtime");
 var variantMap = {
   brand: "ph-badge-brand",
@@ -5092,7 +5025,7 @@ var sizeMap = {
   sm: "text-[10px] px-1.5 py-0.5",
   md: ""
 };
-var Badge = (0, import_react22.forwardRef)(function Badge2(_a, ref) {
+var Badge = (0, import_react20.forwardRef)(function Badge2(_a, ref) {
   var _b = _a, {
     variant = "neutral",
     size = "md",
@@ -5122,7 +5055,7 @@ var Badge = (0, import_react22.forwardRef)(function Badge2(_a, ref) {
 Badge.displayName = "Badge";
 
 // src/components/ui/Card.tsx
-var import_react23 = require("react");
+var import_react21 = require("react");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var variantMap2 = {
   default: "",
@@ -5130,7 +5063,7 @@ var variantMap2 = {
   elevated: "ph-card-elevated",
   highlighted: "ph-card-highlighted"
 };
-var Card = (0, import_react23.forwardRef)(function Card2(_a, ref) {
+var Card = (0, import_react21.forwardRef)(function Card2(_a, ref) {
   var _b = _a, {
     children,
     title,
@@ -5217,11 +5150,11 @@ var Card = (0, import_react23.forwardRef)(function Card2(_a, ref) {
 Card.displayName = "Card";
 
 // src/components/ui/Input.tsx
-var import_react25 = require("react");
+var import_react23 = require("react");
 var import_iconoir_react11 = require("iconoir-react");
 
 // src/components/ui/FormField.tsx
-var import_react24 = require("react");
+var import_react22 = require("react");
 var import_jsx_runtime36 = require("react/jsx-runtime");
 function FormField(_a) {
   var _b = _a, {
@@ -5245,7 +5178,7 @@ function FormField(_a) {
     "children",
     "className"
   ]);
-  const generatedId = (0, import_react24.useId)();
+  const generatedId = (0, import_react22.useId)();
   const id = controlId != null ? controlId : generatedId;
   const descriptionId = helperText && !error ? `${id}-description` : void 0;
   const errorId = error ? `${id}-error` : void 0;
@@ -5284,7 +5217,7 @@ function joinIds(...ids) {
   const value = ids.filter(Boolean).join(" ");
   return value || void 0;
 }
-var Input = (0, import_react25.forwardRef)(function Input2(_a, ref) {
+var Input = (0, import_react23.forwardRef)(function Input2(_a, ref) {
   var _b = _a, {
     id: idProp,
     label,
@@ -5314,11 +5247,11 @@ var Input = (0, import_react25.forwardRef)(function Input2(_a, ref) {
     "required",
     "aria-describedby"
   ]);
-  const autoId = (0, import_react25.useId)();
+  const autoId = (0, import_react23.useId)();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
   const isPassword = type === "password";
-  const [revealed, setRevealed] = (0, import_react25.useState)(false);
+  const [revealed, setRevealed] = (0, import_react23.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     FormField,
     {
@@ -5367,7 +5300,7 @@ var Input = (0, import_react25.forwardRef)(function Input2(_a, ref) {
   );
 });
 Input.displayName = "Input";
-var Select = (0, import_react25.forwardRef)(function Select2(_a, ref) {
+var Select = (0, import_react23.forwardRef)(function Select2(_a, ref) {
   var _b = _a, {
     id: idProp,
     label,
@@ -5395,7 +5328,7 @@ var Select = (0, import_react25.forwardRef)(function Select2(_a, ref) {
     "required",
     "aria-describedby"
   ]);
-  const autoId = (0, import_react25.useId)();
+  const autoId = (0, import_react23.useId)();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
@@ -5418,7 +5351,7 @@ var Select = (0, import_react25.forwardRef)(function Select2(_a, ref) {
   ) });
 });
 Select.displayName = "Select";
-var Textarea = (0, import_react25.forwardRef)(function Textarea2(_a, ref) {
+var Textarea = (0, import_react23.forwardRef)(function Textarea2(_a, ref) {
   var _b = _a, {
     id: idProp,
     label,
@@ -5444,7 +5377,7 @@ var Textarea = (0, import_react25.forwardRef)(function Textarea2(_a, ref) {
     "required",
     "aria-describedby"
   ]);
-  const autoId = (0, import_react25.useId)();
+  const autoId = (0, import_react23.useId)();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(FormField, { controlId: id, label, hideLabel, helperText, error, required, disabled, className: wrapperClassName, children: (fieldProps) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
@@ -5465,7 +5398,7 @@ var Textarea = (0, import_react25.forwardRef)(function Textarea2(_a, ref) {
   ) });
 });
 Textarea.displayName = "Textarea";
-var Checkbox = (0, import_react25.forwardRef)(function Checkbox2(_a, ref) {
+var Checkbox = (0, import_react23.forwardRef)(function Checkbox2(_a, ref) {
   var _b = _a, {
     id: idProp,
     label,
@@ -5485,7 +5418,7 @@ var Checkbox = (0, import_react25.forwardRef)(function Checkbox2(_a, ref) {
     "disabled",
     "aria-describedby"
   ]);
-  const autoId = (0, import_react25.useId)();
+  const autoId = (0, import_react23.useId)();
   const id = idProp != null ? idProp : autoId;
   const hasError = Boolean(error);
   const descriptionId = helperText && !hasError ? `${id}-description` : void 0;
@@ -5520,7 +5453,7 @@ var Checkbox = (0, import_react25.forwardRef)(function Checkbox2(_a, ref) {
   ] });
 });
 Checkbox.displayName = "Checkbox";
-var Radio = (0, import_react25.forwardRef)(function Radio2(_a, ref) {
+var Radio = (0, import_react23.forwardRef)(function Radio2(_a, ref) {
   var _b = _a, {
     id: idProp,
     label,
@@ -5534,7 +5467,7 @@ var Radio = (0, import_react25.forwardRef)(function Radio2(_a, ref) {
     "wrapperClassName",
     "disabled"
   ]);
-  const autoId = (0, import_react25.useId)();
+  const autoId = (0, import_react23.useId)();
   const id = idProp != null ? idProp : autoId;
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: cn2("ph-control-row", wrapperClassName, disabled && "opacity-60"), children: [
     /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
@@ -5551,7 +5484,7 @@ var Radio = (0, import_react25.forwardRef)(function Radio2(_a, ref) {
   ] });
 });
 Radio.displayName = "Radio";
-var Toggle = (0, import_react25.forwardRef)(function Toggle2(_a, ref) {
+var Toggle = (0, import_react23.forwardRef)(function Toggle2(_a, ref) {
   var _b = _a, {
     id: idProp,
     label,
@@ -5565,7 +5498,7 @@ var Toggle = (0, import_react25.forwardRef)(function Toggle2(_a, ref) {
     "wrapperClassName",
     "disabled"
   ]);
-  const autoId = (0, import_react25.useId)();
+  const autoId = (0, import_react23.useId)();
   const id = idProp != null ? idProp : autoId;
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("label", { className: cn2("ph-control-row-between", wrapperClassName, disabled && "opacity-60"), children: [
     /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("span", { className: disabled ? "opacity-60" : void 0, children: label }),
@@ -5583,7 +5516,7 @@ var Toggle = (0, import_react25.forwardRef)(function Toggle2(_a, ref) {
   ] });
 });
 Toggle.displayName = "Toggle";
-var Range = (0, import_react25.forwardRef)(function Range2(_a, ref) {
+var Range = (0, import_react23.forwardRef)(function Range2(_a, ref) {
   var _b = _a, {
     id: idProp,
     label,
@@ -5601,7 +5534,7 @@ var Range = (0, import_react25.forwardRef)(function Range2(_a, ref) {
     "wrapperClassName",
     "className"
   ]);
-  const autoId = (0, import_react25.useId)();
+  const autoId = (0, import_react23.useId)();
   const id = idProp != null ? idProp : autoId;
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: cn2("ph-field", wrapperClassName), children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
@@ -5614,7 +5547,7 @@ var Range = (0, import_react25.forwardRef)(function Range2(_a, ref) {
   ] });
 });
 Range.displayName = "Range";
-var FileUpload = (0, import_react25.forwardRef)(function FileUpload2(_a, ref) {
+var FileUpload = (0, import_react23.forwardRef)(function FileUpload2(_a, ref) {
   var _b = _a, {
     id: idProp,
     label,
@@ -5628,7 +5561,7 @@ var FileUpload = (0, import_react25.forwardRef)(function FileUpload2(_a, ref) {
     "wrapperClassName",
     "className"
   ]);
-  const autoId = (0, import_react25.useId)();
+  const autoId = (0, import_react23.useId)();
   const id = idProp != null ? idProp : autoId;
   return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)("div", { className: cn2("ph-field", wrapperClassName), children: [
     label && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("label", { htmlFor: id, className: "ph-label", children: label }),
@@ -5642,7 +5575,7 @@ FileUpload.displayName = "FileUpload";
 
 // src/components/ui/Modal.tsx
 var Dialog2 = __toESM(require("@radix-ui/react-dialog"));
-var import_react26 = require("react");
+var import_react24 = require("react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var sizeMap3 = {
   sm: "max-w-sm",
@@ -5673,7 +5606,7 @@ function Modal({
   "aria-labelledby": ariaLabelledBy
 }) {
   const canDismiss = Boolean(onClose);
-  const restoreFocusRef = (0, import_react26.useRef)(null);
+  const restoreFocusRef = (0, import_react24.useRef)(null);
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     Dialog2.Root,
     {
@@ -5836,33 +5769,33 @@ function SuiteIntegrationPicker({
   description = "Connect an app to this workspace securely.",
   dataTest = "suite-integration-picker"
 }) {
-  const [query, setQuery] = (0, import_react27.useState)("");
-  const [category, setCategory] = (0, import_react27.useState)("all");
-  const [categoryQuery, setCategoryQuery] = (0, import_react27.useState)("");
-  const [categoryMenuOpen, setCategoryMenuOpen] = (0, import_react27.useState)(false);
-  const [expanded, setExpanded] = (0, import_react27.useState)(null);
-  const categoryMenuRef = (0, import_react27.useRef)(null);
-  const categoryTriggerRef = (0, import_react27.useRef)(null);
-  const categorySearchRef = (0, import_react27.useRef)(null);
-  const categoryOptionRefs = (0, import_react27.useRef)({});
-  const pendingCategoryFocus = (0, import_react27.useRef)(
+  const [query, setQuery] = (0, import_react25.useState)("");
+  const [category, setCategory] = (0, import_react25.useState)("all");
+  const [categoryQuery, setCategoryQuery] = (0, import_react25.useState)("");
+  const [categoryMenuOpen, setCategoryMenuOpen] = (0, import_react25.useState)(false);
+  const [expanded, setExpanded] = (0, import_react25.useState)(null);
+  const categoryMenuRef = (0, import_react25.useRef)(null);
+  const categoryTriggerRef = (0, import_react25.useRef)(null);
+  const categorySearchRef = (0, import_react25.useRef)(null);
+  const categoryOptionRefs = (0, import_react25.useRef)({});
+  const pendingCategoryFocus = (0, import_react25.useRef)(
     null
   );
-  const scrollViewportRef = (0, import_react27.useRef)(null);
-  const loadMoreSentinelRef = (0, import_react27.useRef)(null);
-  const loadMoreInFlightRef = (0, import_react27.useRef)(false);
-  const authRequestRef = (0, import_react27.useRef)(0);
-  const [methodItem, setMethodItem] = (0, import_react27.useState)(null);
-  const [authItem, setAuthItem] = (0, import_react27.useState)(null);
-  const [authValues, setAuthValues] = (0, import_react27.useState)({});
-  const [authLoading, setAuthLoading] = (0, import_react27.useState)(false);
-  const [authSubmitting, setAuthSubmitting] = (0, import_react27.useState)(false);
-  const [authError, setAuthError] = (0, import_react27.useState)(null);
-  const [connectionError, setConnectionError] = (0, import_react27.useState)(null);
-  const [itemToDisconnect, setItemToDisconnect] = (0, import_react27.useState)(null);
-  const [disconnecting, setDisconnecting] = (0, import_react27.useState)(false);
-  const [disconnectError, setDisconnectError] = (0, import_react27.useState)(null);
-  const itemCategories = (0, import_react27.useMemo)(
+  const scrollViewportRef = (0, import_react25.useRef)(null);
+  const loadMoreSentinelRef = (0, import_react25.useRef)(null);
+  const loadMoreInFlightRef = (0, import_react25.useRef)(false);
+  const authRequestRef = (0, import_react25.useRef)(0);
+  const [methodItem, setMethodItem] = (0, import_react25.useState)(null);
+  const [authItem, setAuthItem] = (0, import_react25.useState)(null);
+  const [authValues, setAuthValues] = (0, import_react25.useState)({});
+  const [authLoading, setAuthLoading] = (0, import_react25.useState)(false);
+  const [authSubmitting, setAuthSubmitting] = (0, import_react25.useState)(false);
+  const [authError, setAuthError] = (0, import_react25.useState)(null);
+  const [connectionError, setConnectionError] = (0, import_react25.useState)(null);
+  const [itemToDisconnect, setItemToDisconnect] = (0, import_react25.useState)(null);
+  const [disconnecting, setDisconnecting] = (0, import_react25.useState)(false);
+  const [disconnectError, setDisconnectError] = (0, import_react25.useState)(null);
+  const itemCategories = (0, import_react25.useMemo)(
     () => Array.from(
       new Set(items.flatMap((item) => {
         var _a;
@@ -6043,7 +5976,7 @@ function SuiteIntegrationPicker({
       setAuthSubmitting(false);
     }
   }
-  (0, import_react27.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (!categoryMenuOpen) return;
     const handlePointerDown = (event) => {
       var _a;
@@ -6061,7 +5994,7 @@ function SuiteIntegrationPicker({
       document.removeEventListener("keydown", handleKeyDown);
     };
   }, [categoryMenuOpen]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     var _a, _b, _c;
     const target = pendingCategoryFocus.current;
     if (!target) return;
@@ -6070,10 +6003,10 @@ function SuiteIntegrationPicker({
     else if (target === "search") (_b = categorySearchRef.current) == null ? void 0 : _b.focus();
     else (_c = categoryOptionRefs.current[target]) == null ? void 0 : _c.focus();
   }, [activeCategory, categoryMenuOpen, categoryQuery, visibleCategories]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     if (!loadingMore) loadMoreInFlightRef.current = false;
   }, [loadingMore]);
-  (0, import_react27.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     const root = scrollViewportRef.current;
     const sentinel = loadMoreSentinelRef.current;
     if (!open || !root || !sentinel || !hasMore || !onEndReached || loading || catalogLoading || loadingMore) {
@@ -6509,7 +6442,7 @@ function SuiteIntegrationPicker({
 }
 
 // src/suite/components/suite-integration-rules.tsx
-var import_react28 = require("react");
+var import_react26 = require("react");
 var import_iconoir_react13 = require("iconoir-react");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var ACTION_LABELS = {
@@ -6541,18 +6474,18 @@ function SuiteIntegrationRules({
   onRefresh,
   dataTest = "integration-rules"
 }) {
-  const [formOpen, setFormOpen] = (0, import_react28.useState)(false);
-  const [name, setName] = (0, import_react28.useState)("");
-  const [trigger, setTrigger] = (0, import_react28.useState)("");
-  const [actionType, setActionType] = (0, import_react28.useState)("create_tides_task");
-  const [projectId, setProjectId] = (0, import_react28.useState)("");
-  const [minutes, setMinutes] = (0, import_react28.useState)("");
-  const [priority, setPriority] = (0, import_react28.useState)("low");
-  const [submitting, setSubmitting] = (0, import_react28.useState)(false);
-  const [formError, setFormError] = (0, import_react28.useState)(null);
-  const [busyId, setBusyId] = (0, import_react28.useState)(null);
-  const [ruleToDelete, setRuleToDelete] = (0, import_react28.useState)(null);
-  const [deleteError, setDeleteError] = (0, import_react28.useState)(null);
+  const [formOpen, setFormOpen] = (0, import_react26.useState)(false);
+  const [name, setName] = (0, import_react26.useState)("");
+  const [trigger, setTrigger] = (0, import_react26.useState)("");
+  const [actionType, setActionType] = (0, import_react26.useState)("create_tides_task");
+  const [projectId, setProjectId] = (0, import_react26.useState)("");
+  const [minutes, setMinutes] = (0, import_react26.useState)("");
+  const [priority, setPriority] = (0, import_react26.useState)("low");
+  const [submitting, setSubmitting] = (0, import_react26.useState)(false);
+  const [formError, setFormError] = (0, import_react26.useState)(null);
+  const [busyId, setBusyId] = (0, import_react26.useState)(null);
+  const [ruleToDelete, setRuleToDelete] = (0, import_react26.useState)(null);
+  const [deleteError, setDeleteError] = (0, import_react26.useState)(null);
   const needsProject = actionType === "create_tides_task" || actionType === "draft_time_entry";
   async function submitForm(event) {
     event.preventDefault();
@@ -6907,7 +6840,7 @@ function SuiteIntegrationRules({
 }
 
 // src/suite/components/suite-clients-projects-directory.tsx
-var import_react29 = require("react");
+var import_react27 = require("react");
 var import_iconoir_react14 = require("iconoir-react");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var DEFAULT_ICON = "castle-emblem";
@@ -6988,7 +6921,7 @@ function DirectoryIconPicker({
   onClear,
   onChange
 }) {
-  const iconRefs = (0, import_react29.useRef)({});
+  const iconRefs = (0, import_react27.useRef)({});
   function moveSelection(event, index) {
     var _a;
     let nextIndex = null;
@@ -7133,31 +7066,31 @@ function SuiteClientsProjectsDirectory({
   dataTest = "suite-clients-projects-directory"
 }) {
   var _a;
-  const [query, setQuery] = (0, import_react29.useState)("");
-  const [selectedClientId, setSelectedClientId] = (0, import_react29.useState)(null);
-  const [mobileDetail, setMobileDetail] = (0, import_react29.useState)(false);
-  const [editing, setEditing] = (0, import_react29.useState)(null);
-  const [draft, setDraft] = (0, import_react29.useState)({
+  const [query, setQuery] = (0, import_react27.useState)("");
+  const [selectedClientId, setSelectedClientId] = (0, import_react27.useState)(null);
+  const [mobileDetail, setMobileDetail] = (0, import_react27.useState)(false);
+  const [editing, setEditing] = (0, import_react27.useState)(null);
+  const [draft, setDraft] = (0, import_react27.useState)({
     name: "",
     icon: DEFAULT_ICON,
     color: DEFAULT_COLOR
   });
-  const [draftClientId, setDraftClientId] = (0, import_react29.useState)(null);
-  const [preview, setPreview] = (0, import_react29.useState)(null);
-  const [draftArchived, setDraftArchived] = (0, import_react29.useState)(false);
-  const [confirming, setConfirming] = (0, import_react29.useState)(null);
-  const [saving, setSaving] = (0, import_react29.useState)(false);
-  const [mutationError, setMutationError] = (0, import_react29.useState)(null);
-  const clientButtonRefs = (0, import_react29.useRef)({});
-  const backToClientsRef = (0, import_react29.useRef)(null);
-  const mobileFocusTarget = (0, import_react29.useRef)(null);
-  (0, import_react29.useEffect)(() => {
+  const [draftClientId, setDraftClientId] = (0, import_react27.useState)(null);
+  const [preview, setPreview] = (0, import_react27.useState)(null);
+  const [draftArchived, setDraftArchived] = (0, import_react27.useState)(false);
+  const [confirming, setConfirming] = (0, import_react27.useState)(null);
+  const [saving, setSaving] = (0, import_react27.useState)(false);
+  const [mutationError, setMutationError] = (0, import_react27.useState)(null);
+  const clientButtonRefs = (0, import_react27.useRef)({});
+  const backToClientsRef = (0, import_react27.useRef)(null);
+  const mobileFocusTarget = (0, import_react27.useRef)(null);
+  (0, import_react27.useEffect)(() => {
     var _a2, _b;
     if (selectedClientId && clients.some((client) => client.id === selectedClientId))
       return;
     setSelectedClientId((_b = (_a2 = clients[0]) == null ? void 0 : _a2.id) != null ? _b : null);
   }, [clients, selectedClientId]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react27.useEffect)(() => {
     var _a2, _b;
     const target = mobileFocusTarget.current;
     if (!target) return;
@@ -7166,7 +7099,7 @@ function SuiteClientsProjectsDirectory({
     else if (selectedClientId)
       (_b = clientButtonRefs.current[selectedClientId]) == null ? void 0 : _b.focus();
   }, [mobileDetail, selectedClientId]);
-  const filteredClients = (0, import_react29.useMemo)(() => {
+  const filteredClients = (0, import_react27.useMemo)(() => {
     const value = query.trim().toLowerCase();
     return [...clients].sort((a, b) => a.name.localeCompare(b.name)).filter((client) => !value || client.name.toLowerCase().includes(value));
   }, [clients, query]);