@tutti-os/agent-gui 0.0.94 → 0.0.96

package/dist/mention-search.d.ts

@@ -0,0 +1,226 @@
+import { A as AgentContextMentionItem } from './agentFileMentionContracts-58IjMU-u.js';
+import { AgentContextMentionProvider } from './context-mention-provider.js';
+import { MentionPaletteGroup, MentionPaletteState } from '@tutti-os/ui-rich-text/at-panel';
+import '@tutti-os/ui-rich-text/types';
+import '@tutti-os/workspace-external-core/contracts';
+
+type RuntimeDiagnosticsDetailValue = string | number | boolean | null;
+
+type AgentMentionProviderDiagnosticStatus = "success" | "timeout" | "error" | "missing";
+interface AgentMentionProviderQueryDiagnostic {
+    durationMs: number;
+    errorKind?: string;
+    providerId: string;
+    resultCount: number;
+    status: AgentMentionProviderDiagnosticStatus;
+}
+interface AgentMentionSearchDiagnosticLog {
+    debounceMs: number;
+    durationMs: number;
+    errorKind?: string;
+    event: "agent_gui.mention_search";
+    filter: AgentMentionFilterId;
+    groupCount: number;
+    itemCount: number;
+    mode: "browse" | "results";
+    providerResults: AgentMentionProviderQueryDiagnostic[];
+    providerTimeoutMs: number;
+    queryLength: number;
+    requestId: number;
+    status: "ready" | "error";
+    workspaceId: string;
+}
+
+type AgentMentionFilterId = "session" | "file" | "issue" | "agent" | "app";
+type AgentMentionGroupId = "apps" | "agents" | "files" | "opened_files" | "agent_generated_files" | "my_sessions" | "collab_sessions" | "issues";
+type AgentMentionRawGroupId = Exclude<AgentMentionGroupId, "files">;
+type AgentMentionRawGroups = Record<AgentMentionRawGroupId, AgentContextMentionItem[]>;
+type AgentMentionTotalCounts = Partial<Record<AgentMentionGroupId, number>>;
+interface AgentMentionBrowseCategory {
+    id: AgentMentionFilterId;
+    label: string;
+}
+type AgentMentionGroup = MentionPaletteGroup<AgentContextMentionItem>;
+type AgentMentionSearchState = MentionPaletteState<AgentContextMentionItem>;
+interface AgentMentionSearchControllerOptions {
+    contextMentionProviders?: readonly AgentContextMentionProvider[];
+    debounceMs?: number;
+    fileLimit?: number;
+    issueLimit?: number;
+    browseCacheTtlMs?: number;
+    providerTimeoutMs?: number;
+    diagnosticInfoLogger?: (payload: AgentMentionSearchDiagnosticLog) => void;
+    diagnosticNow?: () => number;
+    diagnosticSlowThresholdMs?: number;
+}
+type AgentMentionSearchListener = (state: AgentMentionSearchState) => void;
+interface AgentMentionLifecycleDiagnosticLog {
+    event: "browse.open" | "browse.preload" | "browse.cache" | "browse.fetch.start" | "browse.fetch.dedupe" | "browse.fetch.success" | "browse.fetch.error" | "browse.apply.skipped";
+    details: Record<string, RuntimeDiagnosticsDetailValue>;
+}
+
+interface AgentMentionBrowseFetchResult {
+    providerDiagnostics: AgentMentionProviderQueryDiagnostic[];
+    rawGroups: AgentMentionRawGroups;
+    totalCounts: AgentMentionTotalCounts;
+}
+interface AgentMentionBrowseCacheEntry extends AgentMentionBrowseFetchResult {
+    cachedAt: number;
+}
+type AgentMentionBrowseLoadReason = "open" | "preload";
+declare const MAX_BROWSE_CACHE_ENTRIES = 64;
+declare function resetAgentMentionSearchBrowseCacheForTests(): void;
+
+declare class AgentMentionSearchControllerBase {
+    protected readonly contextMentionProviders: ReadonlyMap<string, AgentContextMentionProvider>;
+    protected readonly debounceMs: number;
+    protected readonly fileLimit: number;
+    protected readonly issueLimit: number;
+    protected readonly browseCacheTtlMs: number;
+    protected readonly providerTimeoutMs: number;
+    protected readonly diagnosticInfoLogger: (payload: AgentMentionSearchDiagnosticLog) => void;
+    protected readonly diagnosticNow: () => number;
+    protected readonly diagnosticSlowThresholdMs: number;
+    protected readonly listeners: Set<AgentMentionSearchListener>;
+    protected readonly expandedCounts: Partial<Record<AgentMentionGroupId, number>>;
+    protected readonly totalCounts: AgentMentionTotalCounts;
+    protected timer: ReturnType<typeof setTimeout> | null;
+    protected preloadCancel: (() => void) | null;
+    protected pendingPreloadKey: string | null;
+    protected requestId: number;
+    protected disposed: boolean;
+    protected activeWorkspaceId: string;
+    protected currentUserId: string;
+    protected currentFilter: AgentMentionFilterId;
+    protected currentQuery: string;
+    protected currentSessionCwd: string;
+    protected currentFileSearchLimit: number;
+    protected currentIssueSearchLimit: number;
+    protected agentGeneratedBrowsePath: string | null;
+    protected rawGroups: AgentMentionRawGroups;
+    protected state: AgentMentionSearchState;
+    constructor(options: AgentMentionSearchControllerOptions);
+    protected startBrowseModeFetch(filter: AgentMentionFilterId): void;
+    protected runSearch(input: {
+        workspaceId: string;
+        currentUserId: string;
+        query: string;
+        requestId: number;
+        filter: AgentMentionFilterId;
+    }): Promise<void>;
+    protected runBrowseSearch(input: {
+        workspaceId: string;
+        currentUserId: string;
+        requestId: number;
+        filter: AgentMentionFilterId;
+        sessionCwd: string;
+    }): Promise<void>;
+    protected fetchBrowseResult(input: {
+        workspaceId: string;
+        currentUserId: string;
+        filter: AgentMentionFilterId;
+        sessionCwd: string;
+    }): Promise<AgentMentionBrowseFetchResult>;
+    protected applyBrowseFetchResult(result: AgentMentionBrowseFetchResult): void;
+    protected logBrowseCacheState(input: {
+        cacheKey: string;
+        cached: {
+            entry: AgentMentionBrowseCacheEntry | null;
+            isFresh: boolean;
+        };
+        filter: AgentMentionFilterId;
+        reason: AgentMentionBrowseLoadReason;
+        workspaceId: string;
+    }): void;
+    protected logLifecycle(event: AgentMentionLifecycleDiagnosticLog["event"], details: Record<string, RuntimeDiagnosticsDetailValue>): void;
+    protected providerIdsForDiagnostics(): string;
+    protected queryProviderMentionItemsById(input: {
+        diagnostics: AgentMentionProviderQueryDiagnostic[];
+        providerId: string;
+        workspaceId: string;
+        currentUserId: string;
+        query: string;
+        limit?: number;
+        sessionCwd?: string;
+    }): Promise<AgentContextMentionItem[]>;
+    protected logSearchDiagnostic(input: {
+        error?: unknown;
+        filter: AgentMentionFilterId;
+        groups: readonly AgentMentionGroup[];
+        mode: "browse" | "results";
+        providerDiagnostics: readonly AgentMentionProviderQueryDiagnostic[];
+        query: string;
+        requestId: number;
+        startedAt: number;
+        status: "ready" | "error";
+        workspaceId: string;
+    }): void;
+    protected emitBrowseState(status: "ready" | "loading"): void;
+    protected canApply(requestId: number, workspaceId: string, query: string, filter: AgentMentionFilterId): boolean;
+    protected clearTimer(): void;
+    protected resetExpandedCounts(): void;
+    protected resetSearchLimits(): void;
+    protected resetRawGroups(): void;
+    protected resetAgentGeneratedBrowsePath(): void;
+    protected resetTotalCounts(): void;
+    protected setState(state: AgentMentionSearchState): void;
+    protected groupsFromRawGroups(): AgentMentionGroup[];
+    protected browseCacheKey(input: {
+        workspaceId: string;
+        currentUserId: string;
+        filter: AgentMentionFilterId;
+        sessionCwd: string;
+    }): string;
+    protected readBrowseCache(cacheKey: string): {
+        entry: AgentMentionBrowseCacheEntry | null;
+        isFresh: boolean;
+    };
+    protected loadBrowseFetchResult(input: {
+        workspaceId: string;
+        currentUserId: string;
+        filter: AgentMentionFilterId;
+        sessionCwd: string;
+    }, cacheKey: string, reason: AgentMentionBrowseLoadReason): Promise<AgentMentionBrowseFetchResult>;
+    protected fetchFilterResult(input: {
+        workspaceId: string;
+        currentUserId: string;
+        query: string;
+        filter: AgentMentionFilterId;
+        sessionCwd: string;
+        includeAgentGeneratedFiles: boolean;
+    }): Promise<AgentMentionBrowseFetchResult>;
+}
+
+declare class AgentMentionSearchController extends AgentMentionSearchControllerBase {
+    subscribe(listener: AgentMentionSearchListener): () => void;
+    updateQuery(input: {
+        workspaceId: string;
+        currentUserId?: string | null;
+        query: string;
+        sessionCwd?: string | null;
+    }): void;
+    setFilter(filter: AgentMentionFilterId): void;
+    preloadBrowse(input: {
+        workspaceId: string;
+        currentUserId?: string | null;
+        sessionCwd?: string | null;
+        filter?: AgentMentionFilterId;
+    }): void;
+    private runBrowsePreload;
+    private cancelPendingPreload;
+    enterCategory(category: AgentMentionFilterId): void;
+    selectAgentGeneratedMentionItem(item: AgentContextMentionItem): boolean;
+    exitAgentGeneratedBrowse(): boolean;
+    expandGroup(groupId: AgentMentionGroupId): void;
+    close(): void;
+    dispose(): void;
+}
+declare function preloadAgentMentionBrowse(input: {
+    workspaceId: string;
+    currentUserId?: string | null;
+    sessionCwd?: string | null;
+    contextMentionProviders?: readonly AgentContextMentionProvider[];
+    filter?: AgentMentionFilterId;
+}): void;
+
+export { type AgentMentionBrowseCategory, type AgentMentionFilterId, type AgentMentionGroup, type AgentMentionGroupId, AgentMentionSearchController, type AgentMentionSearchState, MAX_BROWSE_CACHE_ENTRIES, preloadAgentMentionBrowse, resetAgentMentionSearchBrowseCacheForTests };

package/dist/mention-search.js

@@ -0,0 +1,29 @@
+import {
+  AgentMentionSearchController,
+  MAX_BROWSE_CACHE_ENTRIES,
+  preloadAgentMentionBrowse,
+  resetAgentMentionSearchBrowseCacheForTests
+} from "./chunk-WMNS4MAQ.js";
+import "./chunk-3XXBDYAI.js";
+import "./chunk-O3Q5SIJH.js";
+import "./chunk-Y35GDLP2.js";
+import "./chunk-LUGELG5V.js";
+import "./chunk-JM24HADP.js";
+import "./chunk-YMXYBG7U.js";
+import "./chunk-MASXZENX.js";
+import "./chunk-H5F3QSCF.js";
+import "./chunk-PJP5BUU6.js";
+import "./chunk-H6IQ63DQ.js";
+import "./chunk-GCBDIQDX.js";
+import "./chunk-E4HQUTM3.js";
+import "./chunk-W6WAGPMD.js";
+import "./chunk-5X7YDOC6.js";
+import "./chunk-KJQERFKX.js";
+import "./chunk-UGVI47X6.js";
+export {
+  AgentMentionSearchController,
+  MAX_BROWSE_CACHE_ENTRIES,
+  preloadAgentMentionBrowse,
+  resetAgentMentionSearchBrowseCacheForTests
+};
+//# sourceMappingURL=mention-search.js.map

package/dist/mention-search.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/open-link-lined-JWEKUKME.svg

@@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M14 3H21V10M20 4L10 14" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+  <path d="M19 13V19C19 20.1046 18.1046 21 17 21H5C3.89543 21 3 20.1046 3 19V7C3 5.89543 3.89543 5 5 5H11" stroke="black" stroke-width="2" stroke-linecap="round"/>
+</svg>

package/dist/pastedTextKinds-D-XuInaS.d.ts

@@ -0,0 +1,4 @@
+declare const AGENT_PASTED_TEXT_BLOCK_KIND = "pasted-text";
+declare const AGENT_PASTED_TEXT_MENTION_KIND = "pasted-text";
+
+export { AGENT_PASTED_TEXT_BLOCK_KIND as A, AGENT_PASTED_TEXT_MENTION_KIND as a };

package/dist/provider-icons.d.ts

@@ -0,0 +1,6 @@
+declare const PROVIDER_ICON_ASSET_VARIANTS: readonly ["manage", "providerRail", "rounded", "sessionColorful", "sessionFlat", "dock"];
+type ProviderIconAssetVariant = (typeof PROVIDER_ICON_ASSET_VARIANTS)[number];
+
+declare function resolveProviderIconAsset(iconKey: string | null | undefined, variant: ProviderIconAssetVariant): string | null;
+
+export { type ProviderIconAssetVariant, resolveProviderIconAsset };

package/dist/provider-icons.js

@@ -0,0 +1,12 @@
+import {
+  resolveProviderIconAsset
+} from "./chunk-UGVI47X6.js";
+
+// provider-icons.ts
+function resolveProviderIconAsset2(iconKey, variant) {
+  return resolveProviderIconAsset(iconKey, variant);
+}
+export {
+  resolveProviderIconAsset2 as resolveProviderIconAsset
+};
+//# sourceMappingURL=provider-icons.js.map

package/dist/provider-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../provider-icons.ts"],"sourcesContent":["import { resolveProviderIconAsset as resolveProviderIconAssetInternal } from \"./providerIconAssets.ts\";\nimport type { ProviderIconAssetVariant } from \"./providerIconTypes.ts\";\n\nexport type { ProviderIconAssetVariant } from \"./providerIconTypes.ts\";\n\nexport function resolveProviderIconAsset(\n  iconKey: string | null | undefined,\n  variant: ProviderIconAssetVariant\n): string | null {\n  return resolveProviderIconAssetInternal(iconKey, variant);\n}\n"],"mappings":";;;;;AAKO,SAASA,0BACd,SACA,SACe;AACf,SAAO,yBAAiC,SAAS,OAAO;AAC1D;","names":["resolveProviderIconAsset"]}

package/dist/provider-identity.d.ts

@@ -0,0 +1,9 @@
+interface AgentGUIProviderIdentityPresentation {
+    providerId: string;
+    displayName: string;
+    iconKey: string;
+    targetId: string;
+}
+declare function resolveAgentGUIProviderIdentity(value: string | null | undefined): AgentGUIProviderIdentityPresentation | null;
+
+export { type AgentGUIProviderIdentityPresentation, resolveAgentGUIProviderIdentity };

package/dist/provider-identity.js

@@ -0,0 +1,21 @@
+import {
+  resolveAgentGUIProviderCatalogIdentity
+} from "./chunk-KJQERFKX.js";
+
+// provider-identity.ts
+function resolveAgentGUIProviderIdentity(value) {
+  const identity = resolveAgentGUIProviderCatalogIdentity(value);
+  if (!identity) {
+    return null;
+  }
+  return {
+    providerId: identity.providerId,
+    displayName: identity.displayName,
+    iconKey: identity.iconKey,
+    targetId: identity.target.id
+  };
+}
+export {
+  resolveAgentGUIProviderIdentity
+};
+//# sourceMappingURL=provider-identity.js.map

package/dist/provider-identity.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../provider-identity.ts"],"sourcesContent":["import { resolveAgentGUIProviderCatalogIdentity } from \"./providerIdentityCatalog.ts\";\n\nexport interface AgentGUIProviderIdentityPresentation {\n  providerId: string;\n  displayName: string;\n  iconKey: string;\n  targetId: string;\n}\n\nexport function resolveAgentGUIProviderIdentity(\n  value: string | null | undefined\n): AgentGUIProviderIdentityPresentation | null {\n  const identity = resolveAgentGUIProviderCatalogIdentity(value);\n  if (!identity) {\n    return null;\n  }\n  return {\n    providerId: identity.providerId,\n    displayName: identity.displayName,\n    iconKey: identity.iconKey,\n    targetId: identity.target.id\n  };\n}\n"],"mappings":";;;;;AASO,SAAS,gCACd,OAC6C;AAC7C,QAAM,WAAW,uCAAuC,KAAK;AAC7D,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AACA,SAAO;AAAA,IACL,YAAY,SAAS;AAAA,IACrB,aAAa,SAAS;AAAA,IACtB,SAAS,SAAS;AAAA,IAClB,UAAU,SAAS,OAAO;AAAA,EAC5B;AACF;","names":[]}

package/dist/runtime-BBNdWgDU.d.ts

@@ -0,0 +1,10 @@
+import { I18nParams } from '@tutti-os/ui-i18n-runtime';
+
+type AgentGuiI18nLocale = "en" | "zh-CN";
+type TranslateOptions = I18nParams;
+type TranslateFn = (key: string, options?: TranslateOptions) => string;
+declare function translate(key: string, options?: TranslateOptions): string;
+declare function translateInUiLanguage(locale: AgentGuiI18nLocale, key: string, options?: TranslateOptions): string;
+declare function getActiveUiLanguage(): AgentGuiI18nLocale;
+
+export { type AgentGuiI18nLocale as A, type TranslateFn as T, type TranslateOptions as a, translateInUiLanguage as b, getActiveUiLanguage as g, translate as t };

package/dist/startup-shell.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+interface AgentGUIStartupShellProps {
+    loadingLabel: string;
+}
+declare function AgentGUIStartupShell({ loadingLabel }: AgentGUIStartupShellProps): ReactNode;
+
+export { AgentGUIStartupShell, type AgentGUIStartupShellProps };

package/dist/startup-shell.js

@@ -0,0 +1,184 @@
+// AgentGUIStartupShell.tsx
+import { Spinner } from "@tutti-os/ui-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+var conversationSkeletonRowSizes = [
+  "long",
+  "medium",
+  "short",
+  "long",
+  "medium"
+];
+function AgentGUIStartupShell({
+  loadingLabel
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-busy": "true",
+      className: "agent-gui-node__shell h-full min-h-0 min-w-0",
+      "data-agent-gui-startup-shell": "body",
+      children: /* @__PURE__ */ jsx("div", { className: "agent-gui-node__body", children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "agent-gui-node__layout",
+          style: {
+            gridTemplateColumns: "52px 280px minmax(0, 1fr)"
+          },
+          children: [
+            /* @__PURE__ */ jsx("aside", { className: "flex h-full min-h-0 flex-col items-center gap-3 overflow-hidden bg-[var(--background-session-sidepanel)] px-2 pt-12", children: [0, 1, 2].map((index) => /* @__PURE__ */ jsx(
+              "span",
+              {
+                "aria-hidden": "true",
+                className: "size-8 shrink-0 rounded-lg bg-[var(--transparency-block)]"
+              },
+              index
+            )) }),
+            /* @__PURE__ */ jsxs("aside", { className: "flex h-full min-h-0 min-w-0 flex-col overflow-hidden bg-[var(--background-session-sidepanel)] pt-12", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-2 px-4 pb-4", children: [
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "h-8 min-w-0 flex-1 rounded-md bg-[var(--transparency-block)]"
+                  }
+                ),
+                /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    "aria-hidden": "true",
+                    className: "size-8 shrink-0 rounded-md bg-[var(--transparency-block)]"
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: "min-h-0 flex-1 overflow-hidden px-4", children: /* @__PURE__ */ jsx("div", { className: "agent-gui-node__conversation-list-skeleton", children: conversationSkeletonRowSizes.map((size, index) => /* @__PURE__ */ jsxs(
+                "div",
+                {
+                  className: "agent-gui-node__conversation-list-skeleton-row",
+                  "data-size": size,
+                  children: [
+                    /* @__PURE__ */ jsx("span", { className: "agent-gui-node__conversation-list-skeleton-spine" }),
+                    /* @__PURE__ */ jsx("span", { className: "agent-gui-node__conversation-list-skeleton-rib agent-gui-node__conversation-list-skeleton-rib-primary" }),
+                    /* @__PURE__ */ jsx("span", { className: "agent-gui-node__conversation-list-skeleton-rib agent-gui-node__conversation-list-skeleton-rib-secondary" })
+                  ]
+                },
+                `${size}-${index}`
+              )) }) })
+            ] }),
+            /* @__PURE__ */ jsx("section", { className: "agent-gui-node__detail-panel", children: /* @__PURE__ */ jsx("div", { className: "agent-gui-node__detail pt-11", children: /* @__PURE__ */ jsx("div", { className: "flex h-full min-h-0 flex-1 flex-col", children: /* @__PURE__ */ jsx("div", { className: "agent-gui-node__timeline agent-gui-node__timeline-centered", children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "grid min-w-full grid-cols-[minmax(0,1fr)] gap-6",
+                "data-agent-gui-startup-timeline-content": "true",
+                children: /* @__PURE__ */ jsx("div", { className: "agent-gui-node__empty-hero", children: /* @__PURE__ */ jsxs("div", { className: "agent-gui-node__empty-hero-body", children: [
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: "agent-gui-node__empty-hero-icon-slot",
+                      "data-carousel-placeholder": true,
+                      children: /* @__PURE__ */ jsxs(
+                        "div",
+                        {
+                          "aria-hidden": "true",
+                          className: "flex h-28 w-full items-center justify-center gap-4",
+                          children: [
+                            /* @__PURE__ */ jsx("span", { className: "h-16 w-14 -rotate-6 rounded-lg bg-[var(--transparency-block)]" }),
+                            /* @__PURE__ */ jsx("span", { className: "size-20 rounded-xl bg-[var(--transparency-block)]" }),
+                            /* @__PURE__ */ jsx("span", { className: "h-16 w-14 rotate-6 rounded-lg bg-[var(--transparency-block)]" })
+                          ]
+                        }
+                      )
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("h2", { className: "agent-gui-node__empty-hero-title", children: /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      "aria-hidden": "true",
+                      className: "inline-block h-9 w-[min(440px,80%)] rounded-md bg-[var(--transparency-block)]"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: "agent-gui-node__composer-hero",
+                      "data-layout": "hero",
+                      children: [
+                        /* @__PURE__ */ jsx("div", { className: "agent-gui-node__composer-input-group agent-gui-node__composer-input-group-hero", children: /* @__PURE__ */ jsxs("div", { className: "agent-gui-node__composer-input-shell agent-gui-node__composer-input-shell-hero", children: [
+                          /* @__PURE__ */ jsx("div", { className: "agent-gui-node__composer-hero-prompt-input-area", children: /* @__PURE__ */ jsx(
+                            "textarea",
+                            {
+                              "aria-label": loadingLabel,
+                              className: "h-[46px] min-h-[46px] w-full resize-none border-0 bg-transparent p-0 text-[13px] outline-none",
+                              disabled: true,
+                              rows: 2
+                            }
+                          ) }),
+                          /* @__PURE__ */ jsxs(
+                            "div",
+                            {
+                              "aria-hidden": "true",
+                              className: "agent-gui-node__composer-footer",
+                              children: [
+                                /* @__PURE__ */ jsxs("div", { className: "agent-gui-node__composer-footer-left", children: [
+                                  /* @__PURE__ */ jsx("span", { className: "size-7 rounded-md bg-[var(--transparency-block)]" }),
+                                  /* @__PURE__ */ jsx("span", { className: "h-7 w-20 rounded-md bg-[var(--transparency-block)]" })
+                                ] }),
+                                /* @__PURE__ */ jsxs("div", { className: "agent-gui-node__composer-footer-right", children: [
+                                  /* @__PURE__ */ jsx("span", { className: "h-7 w-16 rounded-md bg-[var(--transparency-block)]" }),
+                                  /* @__PURE__ */ jsx(
+                                    Spinner,
+                                    {
+                                      className: "text-[var(--text-tertiary)]",
+                                      size: 16
+                                    }
+                                  )
+                                ] })
+                              ]
+                            }
+                          )
+                        ] }) }),
+                        /* @__PURE__ */ jsxs("div", { className: "agent-gui-node__composer-project-row", children: [
+                          /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              "aria-hidden": "true",
+                              className: "h-7 w-28 shrink-0 rounded-md bg-[var(--transparency-block)]"
+                            }
+                          ),
+                          /* @__PURE__ */ jsx("div", { className: "agent-gui-node__composer-prompt-tips", children: /* @__PURE__ */ jsx("span", { className: "agent-gui-node__composer-prompt-tip", children: /* @__PURE__ */ jsx("span", { className: "agent-gui-node__composer-prompt-tip-track", children: /* @__PURE__ */ jsx("span", { className: "agent-gui-node__composer-prompt-tip-item", children: /* @__PURE__ */ jsx(
+                            "span",
+                            {
+                              "aria-hidden": "true",
+                              className: "inline-block h-2.5 w-56 rounded-full bg-[var(--transparency-block)]"
+                            }
+                          ) }) }) }) })
+                        ] })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("div", { className: "agent-gui-node__empty-hero-suggestions", children: /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      "aria-hidden": "true",
+                      className: "agent-gui-node__empty-hero-suggestions-chips",
+                      children: [
+                        /* @__PURE__ */ jsx("span", { className: "h-8 w-24 rounded-full bg-[var(--transparency-block)]" }),
+                        /* @__PURE__ */ jsx("span", { className: "h-8 w-32 rounded-full bg-[var(--transparency-block)]" }),
+                        /* @__PURE__ */ jsx("span", { className: "h-8 w-30 rounded-full bg-[var(--transparency-block)]" }),
+                        /* @__PURE__ */ jsx("span", { className: "h-8 w-36 rounded-full bg-[var(--transparency-block)]" }),
+                        /* @__PURE__ */ jsx("span", { className: "h-8 w-28 rounded-full bg-[var(--transparency-block)]" })
+                      ]
+                    }
+                  ) })
+                ] }) })
+              }
+            ) }) }) }) })
+          ]
+        }
+      ) })
+    }
+  );
+}
+export {
+  AgentGUIStartupShell
+};
+//# sourceMappingURL=startup-shell.js.map

package/dist/startup-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../AgentGUIStartupShell.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Spinner } from \"@tutti-os/ui-system\";\n\nconst conversationSkeletonRowSizes = [\n  \"long\",\n  \"medium\",\n  \"short\",\n  \"long\",\n  \"medium\"\n] as const;\n\nexport interface AgentGUIStartupShellProps {\n  loadingLabel: string;\n}\n\nexport function AgentGUIStartupShell({\n  loadingLabel\n}: AgentGUIStartupShellProps): ReactNode {\n  return (\n    <div\n      aria-busy=\"true\"\n      className=\"agent-gui-node__shell h-full min-h-0 min-w-0\"\n      data-agent-gui-startup-shell=\"body\"\n    >\n      <div className=\"agent-gui-node__body\">\n        <div\n          className=\"agent-gui-node__layout\"\n          style={{\n            gridTemplateColumns: \"52px 280px minmax(0, 1fr)\"\n          }}\n        >\n          <aside className=\"flex h-full min-h-0 flex-col items-center gap-3 overflow-hidden bg-[var(--background-session-sidepanel)] px-2 pt-12\">\n            {[0, 1, 2].map((index) => (\n              <span\n                aria-hidden=\"true\"\n                className=\"size-8 shrink-0 rounded-lg bg-[var(--transparency-block)]\"\n                key={index}\n              />\n            ))}\n          </aside>\n          <aside className=\"flex h-full min-h-0 min-w-0 flex-col overflow-hidden bg-[var(--background-session-sidepanel)] pt-12\">\n            <div className=\"flex shrink-0 items-center gap-2 px-4 pb-4\">\n              <span\n                aria-hidden=\"true\"\n                className=\"h-8 min-w-0 flex-1 rounded-md bg-[var(--transparency-block)]\"\n              />\n              <span\n                aria-hidden=\"true\"\n                className=\"size-8 shrink-0 rounded-md bg-[var(--transparency-block)]\"\n              />\n            </div>\n            <div className=\"min-h-0 flex-1 overflow-hidden px-4\">\n              <div className=\"agent-gui-node__conversation-list-skeleton\">\n                {conversationSkeletonRowSizes.map((size, index) => (\n                  <div\n                    className=\"agent-gui-node__conversation-list-skeleton-row\"\n                    data-size={size}\n                    key={`${size}-${index}`}\n                  >\n                    <span className=\"agent-gui-node__conversation-list-skeleton-spine\" />\n                    <span className=\"agent-gui-node__conversation-list-skeleton-rib agent-gui-node__conversation-list-skeleton-rib-primary\" />\n                    <span className=\"agent-gui-node__conversation-list-skeleton-rib agent-gui-node__conversation-list-skeleton-rib-secondary\" />\n                  </div>\n                ))}\n              </div>\n            </div>\n          </aside>\n          <section className=\"agent-gui-node__detail-panel\">\n            <div className=\"agent-gui-node__detail pt-11\">\n              <div className=\"flex h-full min-h-0 flex-1 flex-col\">\n                <div className=\"agent-gui-node__timeline agent-gui-node__timeline-centered\">\n                  <div\n                    className=\"grid min-w-full grid-cols-[minmax(0,1fr)] gap-6\"\n                    data-agent-gui-startup-timeline-content=\"true\"\n                  >\n                    <div className=\"agent-gui-node__empty-hero\">\n                      <div className=\"agent-gui-node__empty-hero-body\">\n                        <div\n                          className=\"agent-gui-node__empty-hero-icon-slot\"\n                          data-carousel-placeholder={true}\n                        >\n                          <div\n                            aria-hidden=\"true\"\n                            className=\"flex h-28 w-full items-center justify-center gap-4\"\n                          >\n                            <span className=\"h-16 w-14 -rotate-6 rounded-lg bg-[var(--transparency-block)]\" />\n                            <span className=\"size-20 rounded-xl bg-[var(--transparency-block)]\" />\n                            <span className=\"h-16 w-14 rotate-6 rounded-lg bg-[var(--transparency-block)]\" />\n                          </div>\n                        </div>\n                        <h2 className=\"agent-gui-node__empty-hero-title\">\n                          <span\n                            aria-hidden=\"true\"\n                            className=\"inline-block h-9 w-[min(440px,80%)] rounded-md bg-[var(--transparency-block)]\"\n                          />\n                        </h2>\n                        <div\n                          className=\"agent-gui-node__composer-hero\"\n                          data-layout=\"hero\"\n                        >\n                          <div className=\"agent-gui-node__composer-input-group agent-gui-node__composer-input-group-hero\">\n                            <div className=\"agent-gui-node__composer-input-shell agent-gui-node__composer-input-shell-hero\">\n                              <div className=\"agent-gui-node__composer-hero-prompt-input-area\">\n                                <textarea\n                                  aria-label={loadingLabel}\n                                  className=\"h-[46px] min-h-[46px] w-full resize-none border-0 bg-transparent p-0 text-[13px] outline-none\"\n                                  disabled\n                                  rows={2}\n                                />\n                              </div>\n                              <div\n                                aria-hidden=\"true\"\n                                className=\"agent-gui-node__composer-footer\"\n                              >\n                                <div className=\"agent-gui-node__composer-footer-left\">\n                                  <span className=\"size-7 rounded-md bg-[var(--transparency-block)]\" />\n                                  <span className=\"h-7 w-20 rounded-md bg-[var(--transparency-block)]\" />\n                                </div>\n                                <div className=\"agent-gui-node__composer-footer-right\">\n                                  <span className=\"h-7 w-16 rounded-md bg-[var(--transparency-block)]\" />\n                                  <Spinner\n                                    className=\"text-[var(--text-tertiary)]\"\n                                    size={16}\n                                  />\n                                </div>\n                              </div>\n                            </div>\n                          </div>\n                          <div className=\"agent-gui-node__composer-project-row\">\n                            <span\n                              aria-hidden=\"true\"\n                              className=\"h-7 w-28 shrink-0 rounded-md bg-[var(--transparency-block)]\"\n                            />\n                            <div className=\"agent-gui-node__composer-prompt-tips\">\n                              <span className=\"agent-gui-node__composer-prompt-tip\">\n                                <span className=\"agent-gui-node__composer-prompt-tip-track\">\n                                  <span className=\"agent-gui-node__composer-prompt-tip-item\">\n                                    <span\n                                      aria-hidden=\"true\"\n                                      className=\"inline-block h-2.5 w-56 rounded-full bg-[var(--transparency-block)]\"\n                                    />\n                                  </span>\n                                </span>\n                              </span>\n                            </div>\n                          </div>\n                        </div>\n                        <div className=\"agent-gui-node__empty-hero-suggestions\">\n                          <div\n                            aria-hidden=\"true\"\n                            className=\"agent-gui-node__empty-hero-suggestions-chips\"\n                          >\n                            <span className=\"h-8 w-24 rounded-full bg-[var(--transparency-block)]\" />\n                            <span className=\"h-8 w-32 rounded-full bg-[var(--transparency-block)]\" />\n                            <span className=\"h-8 w-30 rounded-full bg-[var(--transparency-block)]\" />\n                            <span className=\"h-8 w-36 rounded-full bg-[var(--transparency-block)]\" />\n                            <span className=\"h-8 w-28 rounded-full bg-[var(--transparency-block)]\" />\n                          </div>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </section>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}