@handled-ai/design-system 0.8.0 → 0.9.0

package/dist/prototype/prototype-shell.js

@@ -0,0 +1,190 @@
+"use client"
+
+"use client";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import {
+  QuickActionSidebarNav
+} from "../components/quick-action-sidebar-nav.js";
+import {
+  EntityPanel,
+  EntityDetails,
+  PotentialContacts,
+  RecentActivity,
+  ConnectedApps,
+  SystemActivity
+} from "../components/entity-panel.js";
+import { PrototypeInboxView } from "./prototype-inbox-view.js";
+import { PrototypeInsightsView } from "./prototype-insights-view.js";
+import { PrototypeAccountsView } from "./prototype-accounts-view.js";
+import { PrototypeWorkQueueView } from "./prototype-work-queue-view.js";
+import { PrototypeAdminView } from "./prototype-admin-view.js";
+const VIEW_KEY_MAP = {
+  inbox: "inbox",
+  dashboard: "insights",
+  insights: "insights",
+  accounts: "accounts",
+  activity: "workQueue",
+  workQueue: "workQueue",
+  "work-queue": "workQueue",
+  admin: "admin",
+  settings: "admin"
+};
+const DEFAULT_ENTITY_SECTIONS = [
+  { type: "details" },
+  { type: "contacts" },
+  { type: "recentActivity" },
+  { type: "connectedApps" },
+  { type: "systemActivity" }
+];
+function PrototypeShell({
+  config,
+  headerActions,
+  entityPanelChildren,
+  onNavigate
+}) {
+  var _a, _b, _c, _d, _e, _f, _g, _h;
+  const [currentView, setCurrentView] = React.useState(config.defaultView);
+  const [isEntityPanelOpen, setIsEntityPanelOpen] = React.useState(false);
+  const navigableViews = React.useMemo(() => {
+    if (config.navigableViews) return config.navigableViews;
+    const keys = [];
+    if (config.views.inbox) keys.push("inbox");
+    if (config.views.accounts) keys.push("accounts");
+    if (config.views.workQueue) keys.push("activity", "workQueue", "work-queue");
+    if (config.views.insights) keys.push("dashboard", "insights");
+    if (config.views.admin) keys.push("admin", "settings");
+    return keys;
+  }, [config.navigableViews, config.views]);
+  const handleNavigate = React.useCallback(
+    (id) => {
+      if (navigableViews.includes(id)) {
+        setCurrentView(id);
+      }
+      onNavigate == null ? void 0 : onNavigate(id);
+    },
+    [navigableViews, onNavigate]
+  );
+  const handleOpenEntityPanel = React.useCallback((_entity) => setIsEntityPanelOpen(true), []);
+  const handleOpenRecentActivity = React.useCallback(() => {
+    setIsEntityPanelOpen(true);
+    setTimeout(() => {
+      var _a2;
+      (_a2 = document.getElementById("entity-recent-activity")) == null ? void 0 : _a2.scrollIntoView({ behavior: "smooth", block: "start" });
+    }, 150);
+  }, []);
+  const resolvedViewKey = (_a = VIEW_KEY_MAP[currentView]) != null ? _a : currentView;
+  const entitySections = (_c = (_b = config.entityPanel) == null ? void 0 : _b.sections) != null ? _c : DEFAULT_ENTITY_SECTIONS;
+  const entityIcons = (_e = (_d = config.entityPanel) == null ? void 0 : _d.icons) != null ? _e : {};
+  return /* @__PURE__ */ jsxs("div", { className: "flex h-screen w-full overflow-hidden bg-background font-sans", children: [
+    /* @__PURE__ */ jsx(
+      QuickActionSidebarNav,
+      {
+        className: "z-20 h-screen shrink-0",
+        brandLabel: (_f = config.brand) == null ? void 0 : _f.name,
+        brandSubtitle: "",
+        navSections: config.sidebar,
+        activeItemId: currentView,
+        onNavigate: handleNavigate,
+        onCreateTask: (draft) => {
+          console.log("Quick action created:", draft);
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx("main", { className: "flex min-w-0 flex-1 flex-col overflow-hidden bg-background", children: /* @__PURE__ */ jsx("div", { className: "relative h-full flex-1 overflow-auto", children: resolvedViewKey === "insights" && config.views.insights ? /* @__PURE__ */ jsx(
+      PrototypeInsightsView,
+      __spreadProps(__spreadValues({}, config.views.insights), {
+        assistantName: (_g = config.brand) == null ? void 0 : _g.assistantName,
+        headerActions,
+        onNavigateToInbox: () => setCurrentView("inbox")
+      })
+    ) : resolvedViewKey === "inbox" && config.views.inbox ? /* @__PURE__ */ jsx(
+      PrototypeInboxView,
+      __spreadProps(__spreadValues({}, config.views.inbox), {
+        headerActions,
+        onOpenEntityPanel: handleOpenEntityPanel,
+        onOpenRecentActivity: handleOpenRecentActivity
+      })
+    ) : resolvedViewKey === "accounts" && config.views.accounts ? /* @__PURE__ */ jsx(
+      PrototypeAccountsView,
+      __spreadProps(__spreadValues({}, config.views.accounts), {
+        headerActions,
+        onRowClick: handleOpenEntityPanel
+      })
+    ) : resolvedViewKey === "workQueue" && config.views.workQueue ? /* @__PURE__ */ jsx(
+      PrototypeWorkQueueView,
+      {
+        headerActions
+      }
+    ) : resolvedViewKey === "admin" && config.views.admin ? /* @__PURE__ */ jsx(
+      PrototypeAdminView,
+      __spreadProps(__spreadValues({}, config.views.admin), {
+        headerActions
+      })
+    ) : null }) }),
+    /* @__PURE__ */ jsx(EntityPanel, { isOpen: isEntityPanelOpen, onClose: setIsEntityPanelOpen, children: (_h = typeof entityPanelChildren === "function" ? entityPanelChildren({ onClose: () => setIsEntityPanelOpen(false) }) : entityPanelChildren) != null ? _h : /* @__PURE__ */ jsx(Fragment, { children: entitySections.map((section, i) => {
+      var _a2, _b2;
+      switch (section.type) {
+        case "details":
+          return /* @__PURE__ */ jsx(EntityDetails, { onClose: () => setIsEntityPanelOpen(false) }, i);
+        case "contacts":
+          return /* @__PURE__ */ jsx(
+            PotentialContacts,
+            {
+              icons: {
+                linkedin: entityIcons.linkedin,
+                gmail: entityIcons.gmail
+              }
+            },
+            i
+          );
+        case "recentActivity":
+          return /* @__PURE__ */ jsx(
+            RecentActivity,
+            {
+              items: (_b2 = (_a2 = section.props) == null ? void 0 : _a2.items) != null ? _b2 : []
+            },
+            i
+          );
+        case "connectedApps":
+          return /* @__PURE__ */ jsx(
+            ConnectedApps,
+            {
+              icons: {
+                slack: entityIcons.slack,
+                gdoc: entityIcons.gdoc
+              }
+            },
+            i
+          );
+        case "systemActivity":
+          return /* @__PURE__ */ jsx(SystemActivity, {}, i);
+        default:
+          return null;
+      }
+    }) }) })
+  ] });
+}
+export {
+  PrototypeShell
+};
+//# sourceMappingURL=prototype-shell.js.map

package/dist/prototype/prototype-shell.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/prototype/prototype-shell.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport {\n  QuickActionSidebarNav,\n} from \"../components/quick-action-sidebar-nav\"\nimport {\n  EntityPanel,\n  EntityDetails,\n  PotentialContacts,\n  RecentActivity,\n  ConnectedApps,\n  SystemActivity,\n} from \"../components/entity-panel\"\nimport { PrototypeInboxView } from \"./prototype-inbox-view\"\nimport { PrototypeInsightsView } from \"./prototype-insights-view\"\nimport { PrototypeAccountsView } from \"./prototype-accounts-view\"\nimport { PrototypeWorkQueueView } from \"./prototype-work-queue-view\"\nimport { PrototypeAdminView } from \"./prototype-admin-view\"\nimport type { PrototypeConfig, EntityPanelSection } from \"./prototype-config\"\nimport type { DataRow } from \"../components/data-table\"\n\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\nexport interface PrototypeShellProps {\n  config: PrototypeConfig\n  /**\n   * Optional ReactNode rendered in the header area of each view.\n   * Useful for adding an \"Exit Preview\" button in the design system showcase.\n   */\n  headerActions?: React.ReactNode\n  /**\n   * Custom content to render inside the EntityPanel.\n   * When provided, overrides the default section-based rendering.\n   * Receives `onClose` so children can close the panel.\n   */\n  entityPanelChildren?: React.ReactNode | ((ctx: { onClose: () => void }) => React.ReactNode)\n  /**\n   * Fired on every sidebar navigation click (both navigable and non-navigable views).\n   * Useful for intercepting clicks on product-specific views like \"settings\"\n   * that live outside the shell.\n   */\n  onNavigate?: (viewId: string) => void\n}\n\n// ---------------------------------------------------------------------------\n// View ID → config key mapping\n// ---------------------------------------------------------------------------\n\nconst VIEW_KEY_MAP: Record<string, keyof PrototypeConfig[\"views\"]> = {\n  inbox: \"inbox\",\n  dashboard: \"insights\",\n  insights: \"insights\",\n  accounts: \"accounts\",\n  activity: \"workQueue\",\n  workQueue: \"workQueue\",\n  \"work-queue\": \"workQueue\",\n  admin: \"admin\",\n  settings: \"admin\",\n}\n\n// ---------------------------------------------------------------------------\n// Default entity panel sections\n// ---------------------------------------------------------------------------\n\nconst DEFAULT_ENTITY_SECTIONS: EntityPanelSection[] = [\n  { type: \"details\" },\n  { type: \"contacts\" },\n  { type: \"recentActivity\" },\n  { type: \"connectedApps\" },\n  { type: \"systemActivity\" },\n]\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function PrototypeShell({\n  config,\n  headerActions,\n  entityPanelChildren,\n  onNavigate,\n}: PrototypeShellProps) {\n  const [currentView, setCurrentView] = React.useState(config.defaultView)\n  const [isEntityPanelOpen, setIsEntityPanelOpen] = React.useState(false)\n\n  const navigableViews = React.useMemo(() => {\n    if (config.navigableViews) return config.navigableViews\n    const keys: string[] = []\n    if (config.views.inbox) keys.push(\"inbox\")\n    if (config.views.accounts) keys.push(\"accounts\")\n    if (config.views.workQueue) keys.push(\"activity\", \"workQueue\", \"work-queue\")\n    if (config.views.insights) keys.push(\"dashboard\", \"insights\")\n    if (config.views.admin) keys.push(\"admin\", \"settings\")\n    return keys\n  }, [config.navigableViews, config.views])\n\n  const handleNavigate = React.useCallback(\n    (id: string) => {\n      if (navigableViews.includes(id)) {\n        setCurrentView(id)\n      }\n      onNavigate?.(id)\n    },\n    [navigableViews, onNavigate],\n  )\n\n  const handleOpenEntityPanel = React.useCallback((_entity?: DataRow) => setIsEntityPanelOpen(true), [])\n  const handleOpenRecentActivity = React.useCallback(() => {\n    setIsEntityPanelOpen(true)\n    setTimeout(() => {\n      document.getElementById(\"entity-recent-activity\")?.scrollIntoView({ behavior: \"smooth\", block: \"start\" })\n    }, 150)\n  }, [])\n\n  const resolvedViewKey = VIEW_KEY_MAP[currentView] ?? currentView\n\n  const entitySections = config.entityPanel?.sections ?? DEFAULT_ENTITY_SECTIONS\n  const entityIcons = config.entityPanel?.icons ?? {}\n\n  return (\n    <div className=\"flex h-screen w-full overflow-hidden bg-background font-sans\">\n      <QuickActionSidebarNav\n        className=\"z-20 h-screen shrink-0\"\n        brandLabel={config.brand?.name}\n        brandSubtitle=\"\"\n        navSections={config.sidebar}\n        activeItemId={currentView}\n        onNavigate={handleNavigate}\n        onCreateTask={(draft) => {\n          console.log(\"Quick action created:\", draft)\n        }}\n      />\n\n      <main className=\"flex min-w-0 flex-1 flex-col overflow-hidden bg-background\">\n        <div className=\"relative h-full flex-1 overflow-auto\">\n          {resolvedViewKey === \"insights\" && config.views.insights ? (\n            <PrototypeInsightsView\n              {...config.views.insights}\n              assistantName={config.brand?.assistantName}\n              headerActions={headerActions}\n              onNavigateToInbox={() => setCurrentView(\"inbox\")}\n            />\n          ) : resolvedViewKey === \"inbox\" && config.views.inbox ? (\n            <PrototypeInboxView\n              {...config.views.inbox}\n              headerActions={headerActions}\n              onOpenEntityPanel={handleOpenEntityPanel}\n              onOpenRecentActivity={handleOpenRecentActivity}\n            />\n          ) : resolvedViewKey === \"accounts\" && config.views.accounts ? (\n            <PrototypeAccountsView\n              {...config.views.accounts}\n              headerActions={headerActions}\n              onRowClick={handleOpenEntityPanel}\n            />\n          ) : resolvedViewKey === \"workQueue\" && config.views.workQueue ? (\n            <PrototypeWorkQueueView\n              headerActions={headerActions}\n            />\n          ) : resolvedViewKey === \"admin\" && config.views.admin ? (\n            <PrototypeAdminView\n              {...config.views.admin}\n              headerActions={headerActions}\n            />\n          ) : null}\n        </div>\n      </main>\n\n      <EntityPanel isOpen={isEntityPanelOpen} onClose={setIsEntityPanelOpen}>\n        {(typeof entityPanelChildren === \"function\"\n          ? entityPanelChildren({ onClose: () => setIsEntityPanelOpen(false) })\n          : entityPanelChildren) ?? (\n          <>\n            {entitySections.map((section, i) => {\n              switch (section.type) {\n                case \"details\":\n                  return <EntityDetails key={i} onClose={() => setIsEntityPanelOpen(false)} />\n                case \"contacts\":\n                  return (\n                    <PotentialContacts\n                      key={i}\n                      icons={{\n                        linkedin: entityIcons.linkedin,\n                        gmail: entityIcons.gmail,\n                      }}\n                    />\n                  )\n                case \"recentActivity\":\n                  return (\n                    <RecentActivity\n                      key={i}\n                      items={(section.props?.items as React.ComponentProps<typeof RecentActivity>[\"items\"]) ?? []}\n                    />\n                  )\n                case \"connectedApps\":\n                  return (\n                    <ConnectedApps\n                      key={i}\n                      icons={{\n                        slack: entityIcons.slack,\n                        gdoc: entityIcons.gdoc,\n                      }}\n                    />\n                  )\n                case \"systemActivity\":\n                  return <SystemActivity key={i} />\n                default:\n                  return null\n              }\n            })}\n          </>\n        )}\n      </EntityPanel>\n    </div>\n  )\n}\n"],"mappings":"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","names":["_a","_b"]}

package/dist/prototype/prototype-work-queue-view.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+
+interface PrototypeWorkQueueViewProps {
+    headerActions?: React.ReactNode;
+}
+declare function PrototypeWorkQueueView({ headerActions, }: PrototypeWorkQueueViewProps): React.JSX.Element;
+
+export { PrototypeWorkQueueView, type PrototypeWorkQueueViewProps };

package/dist/prototype/prototype-work-queue-view.js

@@ -0,0 +1,17 @@
+"use client"
+
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ItemList } from "../components/item-list.js";
+function PrototypeWorkQueueView({
+  headerActions
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "relative flex h-full w-full flex-col bg-background", children: [
+    headerActions && /* @__PURE__ */ jsx("div", { className: "absolute top-4 right-4 z-10", children: headerActions }),
+    /* @__PURE__ */ jsx("div", { className: "flex-1 overflow-auto", children: /* @__PURE__ */ jsx(ItemList, {}) })
+  ] });
+}
+export {
+  PrototypeWorkQueueView
+};
+//# sourceMappingURL=prototype-work-queue-view.js.map

package/dist/prototype/prototype-work-queue-view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/prototype/prototype-work-queue-view.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { ItemList } from \"../components/item-list\"\n// ---------------------------------------------------------------------------\n// Props\n// ---------------------------------------------------------------------------\n\nexport interface PrototypeWorkQueueViewProps {\n  headerActions?: React.ReactNode\n}\n\n// ---------------------------------------------------------------------------\n// Component\n// ---------------------------------------------------------------------------\n\nexport function PrototypeWorkQueueView({\n  headerActions,\n}: PrototypeWorkQueueViewProps) {\n  return (\n    <div className=\"relative flex h-full w-full flex-col bg-background\">\n      {headerActions && (\n        <div className=\"absolute top-4 right-4 z-10\">{headerActions}</div>\n      )}\n      <div className=\"flex-1 overflow-auto\">\n        <ItemList />\n      </div>\n    </div>\n  )\n}\n"],"mappings":";AAoBI,SAEI,KAFJ;AAjBJ,SAAS,gBAAgB;AAalB,SAAS,uBAAuB;AAAA,EACrC;AACF,GAAgC;AAC9B,SACE,qBAAC,SAAI,WAAU,sDACZ;AAAA,qBACC,oBAAC,SAAI,WAAU,+BAA+B,yBAAc;AAAA,IAE9D,oBAAC,SAAI,WAAU,wBACb,8BAAC,YAAS,GACZ;AAAA,KACF;AAEJ;","names":[]}

package/dist/three/agent-orb.d.ts

@@ -0,0 +1,39 @@
+import * as React from 'react';
+
+type AgentOrbState = null | "thinking" | "listening" | "talking";
+interface AgentOrbProps {
+    state?: AgentOrbState;
+    colors?: [string, string];
+    volumeMode?: "auto" | "manual";
+    manualInput?: number;
+    manualOutput?: number;
+    inputVolumeRef?: React.RefObject<number>;
+    outputVolumeRef?: React.RefObject<number>;
+    getInputVolume?: () => number;
+    getOutputVolume?: () => number;
+    seed?: number;
+    showGlow?: boolean;
+    className?: string;
+}
+/**
+ * Full AgentOrb with optional CSS glow wrapper.
+ * Colors default to CSS `--primary` via computed style at mount time.
+ */
+declare function AgentOrb({ state, colors, volumeMode, manualInput, manualOutput, inputVolumeRef, outputVolumeRef, getInputVolume, getOutputVolume, seed, showGlow, className, }: AgentOrbProps): React.JSX.Element;
+interface AgentOrbCanvasProps {
+    colors?: [string, string];
+    seed?: number;
+    agentState?: AgentOrbState;
+    volumeMode?: "auto" | "manual";
+    manualInput?: number;
+    manualOutput?: number;
+    inputVolumeRef?: React.RefObject<number>;
+    outputVolumeRef?: React.RefObject<number>;
+    getInputVolume?: () => number;
+    getOutputVolume?: () => number;
+    className?: string;
+    resizeDebounce?: number;
+}
+declare function AgentOrbCanvas({ colors, seed, agentState, volumeMode, manualInput, manualOutput, inputVolumeRef, outputVolumeRef, getInputVolume, getOutputVolume, className, resizeDebounce, }: AgentOrbCanvasProps): React.JSX.Element;
+
+export { AgentOrb, AgentOrbCanvas, type AgentOrbProps, type AgentOrbState };