@xemahq/ui-kernel 0.1.6 → 0.1.7

package/dist/session-kit/display/ThinkingPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingPanel.d.ts","sourceRoot":"","sources":["../../../src/session-kit/display/ThinkingPanel.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC;IAE/B,QAAQ,CAAC,aAAa,CAAC,EAAE,SAAS,CAAC;IAEnC,QAAQ,CAAC,YAAY,CAAC,EAAE,SAAS,CAAC;IAElC,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;CAClC;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,IAA0B,EAC1B,WAAmB,EACnB,aAAa,EACb,YAAY,EACZ,WAAW,GACZ,EAAE,kBAAkB,GAAG,YAAY,CAkDnC"}

package/dist/session-kit/display/ThinkingPanel.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ThinkingPanel = ThinkingPanel;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const enums_1 = require("../lib/enums");
+function ThinkingPanel({ text, skin = enums_1.SessionSkin.Minimal, defaultOpen = false, collapsedIcon, expandedIcon, leadingIcon, }) {
+    void skin;
+    const [open, setOpen] = (0, react_1.useState)(defaultOpen);
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { marginTop: 9 }, children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => setOpen((v) => !v), style: {
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    gap: 7,
+                    fontSize: 12,
+                    color: 'hsl(var(--ink-3))',
+                    padding: '3px 2px',
+                    transition: 'color 140ms ease',
+                }, children: [open ? expandedIcon : collapsedIcon, leadingIcon && ((0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex', color: 'hsl(var(--p-people))' }, children: leadingIcon })), (0, jsx_runtime_1.jsx)("span", { style: { fontWeight: 500 }, children: "Thinking" }), (0, jsx_runtime_1.jsxs)("span", { className: "mono", style: { fontSize: 10.5, opacity: 0.6 }, children: [text.length, " chars"] })] }), open && ((0, jsx_runtime_1.jsx)("div", { style: {
+                    marginTop: 5,
+                    marginLeft: 6,
+                    paddingLeft: 12,
+                    borderLeft: '1.5px dashed hsl(var(--rule-2))',
+                    fontSize: 12.5,
+                    lineHeight: 1.6,
+                    fontStyle: 'italic',
+                    color: 'hsl(var(--ink-3))',
+                    whiteSpace: 'pre-wrap',
+                }, children: text }))] }));
+}
+//# sourceMappingURL=ThinkingPanel.js.map

package/dist/session-kit/display/ThinkingPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThinkingPanel.js","sourceRoot":"","sources":["../../../src/session-kit/display/ThinkingPanel.tsx"],"names":[],"mappings":";;AAoBA,sCAyDC;;AAzED,iCAAoE;AAEpE,wCAA2C;AAc3C,SAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,IAAI,GAAG,mBAAW,CAAC,OAAO,EAC1B,WAAW,GAAG,KAAK,EACnB,aAAa,EACb,YAAY,EACZ,WAAW,GACQ;IAGnB,KAAK,IAAI,CAAC;IACV,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,WAAW,CAAC,CAAC;IAC9C,OAAO,CACL,iCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,EAAE,aAC1B,oCACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EACjC,KAAK,EAAE;oBACL,OAAO,EAAE,aAAa;oBACtB,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,CAAC;oBACN,QAAQ,EAAE,EAAE;oBACZ,KAAK,EAAE,mBAAmB;oBAC1B,OAAO,EAAE,SAAS;oBAClB,UAAU,EAAE,kBAAkB;iBAC/B,aAEA,IAAI,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EACnC,WAAW,IAAI,CACd,iCAAM,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,KAAK,EAAE,sBAAsB,EAAE,YACnE,WAAW,GACP,CACR,EACD,iCAAM,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,yBAAiB,EACjD,kCAAM,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,aAC3D,IAAI,CAAC,MAAM,cACP,IACA,EACR,IAAI,IAAI,CACP,gCACE,KAAK,EAAE;oBACL,SAAS,EAAE,CAAC;oBACZ,UAAU,EAAE,CAAC;oBACb,WAAW,EAAE,EAAE;oBACf,UAAU,EAAE,iCAAiC;oBAC7C,QAAQ,EAAE,IAAI;oBACd,UAAU,EAAE,GAAG;oBACf,SAAS,EAAE,QAAQ;oBACnB,KAAK,EAAE,mBAAmB;oBAC1B,UAAU,EAAE,UAAU;iBACvB,YAEA,IAAI,GACD,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/session-kit/display/TodoChecklist.d.ts

@@ -0,0 +1,17 @@
+import { SessionSkin, TodoState } from '../lib/enums';
+import type { CSSProperties, ReactElement, ReactNode } from 'react';
+export interface TodoItem {
+    readonly label: string;
+    readonly state: TodoState;
+}
+export interface TodoChecklistProps {
+    readonly items: ReadonlyArray<TodoItem>;
+    readonly skin?: SessionSkin;
+    readonly title?: string;
+    readonly titleIcon?: ReactNode;
+    readonly doneIcon?: ReactNode;
+    readonly activeIcon?: ReactNode;
+    readonly style?: CSSProperties;
+}
+export declare function TodoChecklist({ items, skin, title, titleIcon, doneIcon, activeIcon, style, }: TodoChecklistProps): ReactElement;
+//# sourceMappingURL=TodoChecklist.d.ts.map

package/dist/session-kit/display/TodoChecklist.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TodoChecklist.d.ts","sourceRoot":"","sources":["../../../src/session-kit/display/TodoChecklist.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEtD,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,MAAM,WAAW,QAAQ;IACvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAC;CAC3B;AAED,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACxC,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;IAExB,QAAQ,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC;IAE/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC;IAE9B,QAAQ,CAAC,UAAU,CAAC,EAAE,SAAS,CAAC;IAChC,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;CAChC;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,IAA0B,EAC1B,KAAc,EACd,SAAS,EACT,QAAQ,EACR,UAAU,EACV,KAAK,GACN,EAAE,kBAAkB,GAAG,YAAY,CAmFnC"}

package/dist/session-kit/display/TodoChecklist.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TodoChecklist = TodoChecklist;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const enums_1 = require("../lib/enums");
+function TodoChecklist({ items, skin = enums_1.SessionSkin.Minimal, title = 'Plan', titleIcon, doneIcon, activeIcon, style, }) {
+    const done = items.filter((i) => i.state === enums_1.TodoState.Done).length;
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            marginTop: 9,
+            border: '1px solid hsl(var(--rule))',
+            borderRadius: 9,
+            background: 'hsl(var(--paper-elev))',
+            overflow: 'hidden',
+            ...style,
+        }, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: 8,
+                    padding: '8px 12px',
+                    borderBottom: '1px solid hsl(var(--rule))',
+                    background: skin === enums_1.SessionSkin.Functional ? 'hsl(var(--muted))' : 'transparent',
+                }, children: [titleIcon && ((0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex', color: 'hsl(var(--primary))' }, children: titleIcon })), (0, jsx_runtime_1.jsx)("span", { className: "cap", children: title }), (0, jsx_runtime_1.jsx)("span", { style: { flex: 1 } }), (0, jsx_runtime_1.jsxs)("span", { className: "mono", style: { fontSize: 11, color: 'hsl(var(--ink-3))' }, children: [done, "/", items.length] })] }), (0, jsx_runtime_1.jsx)("div", { style: { padding: '6px 0' }, children: items.map((item, index) => {
+                    const isDone = item.state === enums_1.TodoState.Done;
+                    const isActive = item.state === enums_1.TodoState.Active;
+                    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+                            display: 'flex',
+                            alignItems: 'center',
+                            gap: 10,
+                            padding: '5px 12px',
+                        }, children: [(0, jsx_runtime_1.jsxs)("span", { style: {
+                                    width: 16,
+                                    height: 16,
+                                    borderRadius: 5,
+                                    flexShrink: 0,
+                                    display: 'grid',
+                                    placeItems: 'center',
+                                    border: isDone
+                                        ? 'none'
+                                        : `1.5px solid ${isActive ? 'hsl(var(--warning))' : 'hsl(var(--rule-2))'}`,
+                                    background: isDone ? 'hsl(var(--success))' : 'transparent',
+                                    color: '#fff',
+                                }, children: [isDone && doneIcon, isActive && activeIcon] }), (0, jsx_runtime_1.jsx)("span", { style: {
+                                    fontSize: 13,
+                                    color: isDone ? 'hsl(var(--ink-4))' : 'hsl(var(--ink-2))',
+                                    textDecoration: isDone ? 'line-through' : 'none',
+                                    fontWeight: isActive ? 500 : 400,
+                                }, children: item.label })] }, index));
+                }) })] }));
+}
+//# sourceMappingURL=TodoChecklist.js.map

package/dist/session-kit/display/TodoChecklist.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TodoChecklist.js","sourceRoot":"","sources":["../../../src/session-kit/display/TodoChecklist.tsx"],"names":[],"mappings":"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"}

package/dist/session-kit/display/TokenMeter.d.ts

@@ -0,0 +1,15 @@
+import { SessionSkin } from '../lib/enums';
+import type { CSSProperties, ReactElement } from 'react';
+export interface TokenCounts {
+    readonly input: number;
+    readonly output: number;
+}
+export interface TokenMeterProps {
+    readonly tokens: TokenCounts;
+    readonly cost: number;
+    readonly skin?: SessionSkin;
+    readonly streaming?: boolean;
+    readonly style?: CSSProperties;
+}
+export declare function TokenMeter({ tokens, cost, skin, streaming, style, }: TokenMeterProps): ReactElement;
+//# sourceMappingURL=TokenMeter.d.ts.map

package/dist/session-kit/display/TokenMeter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenMeter.d.ts","sourceRoot":"","sources":["../../../src/session-kit/display/TokenMeter.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGzD,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,MAAM,EAAE,WAAW,CAAC;IAC7B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAK5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,KAAK,CAAC,EAAE,aAAa,CAAC;CAChC;AAMD,wBAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAI,EACJ,IAA0B,EAC1B,SAAiB,EACjB,KAAK,GACN,EAAE,eAAe,GAAG,YAAY,CAmDhC"}

package/dist/session-kit/display/TokenMeter.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TokenMeter = TokenMeter;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const enums_1 = require("../lib/enums");
+function fmt(n) {
+    return n >= 1000 ? `${(n / 1000).toFixed(1)}k` : String(n);
+}
+function TokenMeter({ tokens, cost, skin = enums_1.SessionSkin.Minimal, streaming = false, style, }) {
+    const functional = skin === enums_1.SessionSkin.Functional;
+    return ((0, jsx_runtime_1.jsxs)("span", { className: "mono", style: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: 9,
+            fontSize: 11,
+            color: 'hsl(var(--ink-3))',
+            padding: functional ? '3px 9px' : 0,
+            background: functional ? 'hsl(var(--muted))' : 'transparent',
+            border: functional ? '1px solid hsl(var(--rule))' : 'none',
+            borderRadius: 7,
+            ...style,
+        }, children: [streaming && ((0, jsx_runtime_1.jsx)("span", { className: "xk-pulse-soft", style: {
+                    width: 5,
+                    height: 5,
+                    borderRadius: '50%',
+                    background: 'hsl(var(--info))',
+                    flexShrink: 0,
+                } })), (0, jsx_runtime_1.jsxs)("span", { title: "input tokens", children: [fmt(tokens.input), (0, jsx_runtime_1.jsx)("span", { style: { opacity: 0.55 }, children: " in" })] }), (0, jsx_runtime_1.jsxs)("span", { title: "output tokens", children: [fmt(tokens.output), (0, jsx_runtime_1.jsx)("span", { style: { opacity: 0.55 }, children: " out" })] }), (0, jsx_runtime_1.jsx)("span", { style: {
+                    width: 3,
+                    height: 3,
+                    borderRadius: '50%',
+                    background: 'hsl(var(--ink-4))',
+                } }), (0, jsx_runtime_1.jsxs)("span", { style: { color: 'hsl(var(--ink-2))', fontWeight: 600 }, children: ["$", cost.toFixed(3)] })] }));
+}
+//# sourceMappingURL=TokenMeter.js.map

package/dist/session-kit/display/TokenMeter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TokenMeter.js","sourceRoot":"","sources":["../../../src/session-kit/display/TokenMeter.tsx"],"names":[],"mappings":";;AA+BA,gCAyDC;;AAnFD,wCAA2C;AAsB3C,SAAS,GAAG,CAAC,CAAS;IACpB,OAAO,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;AAC7D,CAAC;AAED,SAAgB,UAAU,CAAC,EACzB,MAAM,EACN,IAAI,EACJ,IAAI,GAAG,mBAAW,CAAC,OAAO,EAC1B,SAAS,GAAG,KAAK,EACjB,KAAK,GACW;IAChB,MAAM,UAAU,GAAG,IAAI,KAAK,mBAAW,CAAC,UAAU,CAAC;IACnD,OAAO,CACL,kCACE,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,UAAU,EAAE,QAAQ;YACpB,GAAG,EAAE,CAAC;YACN,QAAQ,EAAE,EAAE;YACZ,KAAK,EAAE,mBAAmB;YAC1B,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YACnC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,aAAa;YAC5D,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,4BAA4B,CAAC,CAAC,CAAC,MAAM;YAC1D,YAAY,EAAE,CAAC;YACf,GAAG,KAAK;SACT,aAEA,SAAS,IAAI,CACZ,iCACE,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE;oBACL,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;oBACT,YAAY,EAAE,KAAK;oBACnB,UAAU,EAAE,kBAAkB;oBAC9B,UAAU,EAAE,CAAC;iBACd,GACD,CACH,EACD,kCAAM,KAAK,EAAC,cAAc,aACvB,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,EAClB,iCAAM,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,oBAAY,IACrC,EACP,kCAAM,KAAK,EAAC,eAAe,aACxB,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,EACnB,iCAAM,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,qBAAa,IACtC,EACP,iCACE,KAAK,EAAE;oBACL,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;oBACT,YAAY,EAAE,KAAK;oBACnB,UAAU,EAAE,mBAAmB;iBAChC,GACD,EACF,kCAAM,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,GAAG,EAAE,kBACxD,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IACZ,IACF,CACR,CAAC;AACJ,CAAC"}

package/dist/session-kit/display/ToolStrip.d.ts

@@ -0,0 +1,31 @@
+import { type ReactElement, type ReactNode } from 'react';
+import { SessionSkin, ToolStatus } from '../lib/enums';
+export interface ToolCall {
+    readonly label: string;
+    readonly icon?: ReactNode;
+    readonly arg?: string;
+    readonly status: ToolStatus;
+    readonly detail?: string;
+    readonly count?: number;
+}
+export interface ToolStripIcons {
+    readonly summary?: ReactNode;
+    readonly chevron?: ReactNode;
+    readonly done?: ReactNode;
+    readonly pending?: ReactNode;
+    readonly error?: ReactNode;
+    readonly chipSpinner?: ReactNode;
+}
+export interface ToolStripProps {
+    readonly tools: ReadonlyArray<ToolCall>;
+    readonly skin?: SessionSkin;
+    readonly icons?: ToolStripIcons;
+    readonly collapseAbove?: number;
+}
+export declare function ToolChip({ tool, skin, spinnerIcon, }: {
+    readonly tool: ToolCall;
+    readonly skin?: SessionSkin;
+    readonly spinnerIcon?: ReactNode;
+}): ReactElement;
+export declare function ToolStrip({ tools, skin, icons, collapseAbove, }: ToolStripProps): ReactElement;
+//# sourceMappingURL=ToolStrip.d.ts.map

package/dist/session-kit/display/ToolStrip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolStrip.d.ts","sourceRoot":"","sources":["../../../src/session-kit/display/ToolStrip.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAY,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAGvD,MAAM,WAAW,QAAQ;IAEvB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAEvB,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAE1B,QAAQ,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,MAAM,EAAE,UAAU,CAAC;IAE5B,QAAQ,CAAC,MAAM,CAAC,EAAE,MAAM,CAAC;IAEzB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAC;CACzB;AAGD,MAAM,WAAW,cAAc;IAE7B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAE7B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAE7B,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,CAAC;IAE1B,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC;IAE7B,QAAQ,CAAC,KAAK,CAAC,EAAE,SAAS,CAAC;IAE3B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;CAClC;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACxC,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,cAAc,CAAC;IAEhC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;CACjC;AAgCD,wBAAgB,QAAQ,CAAC,EACvB,IAAI,EACJ,IAA0B,EAC1B,WAAW,GACZ,EAAE;IACD,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAC;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,WAAW,CAAC;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;CAClC,GAAG,YAAY,CAmGf;AAED,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAA0B,EAC1B,KAAK,EACL,aAAiB,GAClB,EAAE,cAAc,GAAG,YAAY,CAmF/B"}

package/dist/session-kit/display/ToolStrip.js

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolChip = ToolChip;
+exports.ToolStrip = ToolStrip;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const enums_1 = require("../lib/enums");
+const status_dot_1 = require("../lib/status-dot");
+function Stat({ icon, n, color, spin, }) {
+    return ((0, jsx_runtime_1.jsxs)("span", { className: "mono", style: {
+            display: 'inline-flex',
+            alignItems: 'center',
+            gap: 3,
+            fontSize: 11,
+            color,
+        }, children: [(0, jsx_runtime_1.jsx)("span", { className: spin ? 'xk-spin' : '', style: { display: 'inline-flex' }, children: icon }), n] }));
+}
+function ToolChip({ tool, skin = enums_1.SessionSkin.Minimal, spinnerIcon, }) {
+    const [expanded, setExpanded] = (0, react_1.useState)(false);
+    const dotColor = (0, status_dot_1.toolStatusColor)(tool.status);
+    const tint = skin === enums_1.SessionSkin.Functional;
+    const isError = tool.status === enums_1.ToolStatus.Error;
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'inline-flex', flexDirection: 'column' }, children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => tool.detail && setExpanded((v) => !v), style: {
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    gap: 7,
+                    padding: '5px 10px',
+                    borderRadius: 8,
+                    border: `1px solid ${tint && isError ? 'hsl(var(--destructive, var(--danger)) / 0.3)' : 'hsl(var(--rule))'}`,
+                    background: tint && isError
+                        ? 'hsl(var(--destructive, var(--danger)) / 0.05)'
+                        : 'hsl(var(--paper-elev))',
+                    cursor: tool.detail ? 'pointer' : 'default',
+                    maxWidth: 320,
+                }, children: [(0, jsx_runtime_1.jsx)("span", { style: {
+                            width: 6,
+                            height: 6,
+                            borderRadius: '50%',
+                            background: dotColor,
+                            flexShrink: 0,
+                        } }), tool.icon && ((0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex', color: 'hsl(var(--ink-3))' }, children: tool.icon })), (0, jsx_runtime_1.jsx)("span", { style: { fontSize: 12.5, fontWeight: 500, color: 'hsl(var(--ink-2))' }, children: tool.label }), tool.arg && ((0, jsx_runtime_1.jsx)("span", { className: "mono", style: {
+                            fontSize: 11,
+                            color: 'hsl(var(--ink-3))',
+                            overflow: 'hidden',
+                            textOverflow: 'ellipsis',
+                            whiteSpace: 'nowrap',
+                            maxWidth: 180,
+                        }, children: tool.arg })), tool.status === enums_1.ToolStatus.Pending && spinnerIcon && ((0, jsx_runtime_1.jsx)("span", { className: "xk-spin", style: { display: 'inline-flex', color: 'hsl(var(--warning))' }, children: spinnerIcon })), tool.count !== undefined && tool.count > 1 && ((0, jsx_runtime_1.jsxs)("span", { className: "mono", style: {
+                            fontSize: 10,
+                            color: 'hsl(var(--ink-3))',
+                            padding: '0 5px',
+                            background: 'hsl(var(--muted))',
+                            borderRadius: 6,
+                        }, children: ["\u00D7", tool.count] }))] }), expanded && tool.detail && ((0, jsx_runtime_1.jsx)("pre", { className: "mono", style: {
+                    margin: '5px 0 0',
+                    padding: '9px 11px',
+                    background: 'hsl(var(--paper-sunk))',
+                    border: '1px solid hsl(var(--rule))',
+                    borderRadius: 8,
+                    fontSize: 11,
+                    lineHeight: 1.55,
+                    color: 'hsl(var(--ink-2))',
+                    maxWidth: 460,
+                    overflowX: 'auto',
+                    whiteSpace: 'pre-wrap',
+                }, children: tool.detail }))] }));
+}
+function ToolStrip({ tools, skin = enums_1.SessionSkin.Minimal, icons, collapseAbove = 4, }) {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    const many = tools.length > collapseAbove;
+    const done = tools.filter((t) => t.status === enums_1.ToolStatus.Done).length;
+    const error = tools.filter((t) => t.status === enums_1.ToolStatus.Error).length;
+    const pending = tools.filter((t) => t.status === enums_1.ToolStatus.Pending).length;
+    if (!many || open) {
+        return ((0, jsx_runtime_1.jsxs)("div", { style: { display: 'flex', flexWrap: 'wrap', gap: 6, marginTop: 9 }, children: [many && ((0, jsx_runtime_1.jsx)("button", { type: "button", onClick: () => setOpen(false), style: {
+                        fontSize: 11,
+                        color: 'hsl(var(--ink-3))',
+                        padding: '4px 8px',
+                        borderRadius: 7,
+                        border: '1px solid hsl(var(--rule))',
+                        background: 'hsl(var(--paper-elev))',
+                    }, children: "\u2039 collapse" })), tools.map((tool, index) => ((0, jsx_runtime_1.jsx)(ToolChip, { tool: tool, skin: skin, spinnerIcon: icons?.chipSpinner }, index)))] }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("button", { type: "button", onClick: () => setOpen(true), style: {
+            marginTop: 9,
+            display: 'flex',
+            alignItems: 'center',
+            gap: 9,
+            width: '100%',
+            padding: '7px 11px',
+            borderRadius: 9,
+            border: '1px solid hsl(var(--rule))',
+            background: skin === enums_1.SessionSkin.Functional
+                ? 'hsl(var(--muted))'
+                : 'hsl(var(--paper-elev))',
+            textAlign: 'left',
+        }, children: [icons?.summary && ((0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex', color: 'hsl(var(--primary))' }, children: icons.summary })), (0, jsx_runtime_1.jsxs)("span", { style: { fontSize: 12.5, fontWeight: 500, color: 'hsl(var(--ink-2))' }, children: [tools.length, " tool calls"] }), (0, jsx_runtime_1.jsx)("span", { style: { flex: 1 } }), done > 0 && icons?.done && ((0, jsx_runtime_1.jsx)(Stat, { icon: icons.done, n: done, color: (0, status_dot_1.toolStatusColor)(enums_1.ToolStatus.Done) })), pending > 0 && icons?.pending && ((0, jsx_runtime_1.jsx)(Stat, { icon: icons.pending, n: pending, color: (0, status_dot_1.toolStatusColor)(enums_1.ToolStatus.Pending), spin: true })), error > 0 && icons?.error && ((0, jsx_runtime_1.jsx)(Stat, { icon: icons.error, n: error, color: (0, status_dot_1.toolStatusColor)(enums_1.ToolStatus.Error) })), icons?.chevron && ((0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex', color: 'hsl(var(--ink-4))' }, children: icons.chevron }))] }));
+}
+//# sourceMappingURL=ToolStrip.js.map

package/dist/session-kit/display/ToolStrip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolStrip.js","sourceRoot":"","sources":["../../../src/session-kit/display/ToolStrip.tsx"],"names":[],"mappings":"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"}

package/dist/session-kit/display/TypingDots.d.ts

@@ -0,0 +1,3 @@
+import type { ReactElement } from 'react';
+export declare function TypingDots(): ReactElement;
+//# sourceMappingURL=TypingDots.d.ts.map

package/dist/session-kit/display/TypingDots.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypingDots.d.ts","sourceRoot":"","sources":["../../../src/session-kit/display/TypingDots.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,wBAAgB,UAAU,IAAI,YAAY,CAiBzC"}

package/dist/session-kit/display/TypingDots.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypingDots = TypingDots;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function TypingDots() {
+    return ((0, jsx_runtime_1.jsx)("span", { style: { display: 'inline-flex', gap: 3, alignItems: 'center' }, children: [0, 1, 2].map((i) => ((0, jsx_runtime_1.jsx)("span", { style: {
+                width: 5,
+                height: 5,
+                borderRadius: '50%',
+                background: 'hsl(var(--primary))',
+                animation: `xk-dot-bounce 1.1s ${i * 0.15}s infinite`,
+            } }, i))) }));
+}
+//# sourceMappingURL=TypingDots.js.map

package/dist/session-kit/display/TypingDots.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypingDots.js","sourceRoot":"","sources":["../../../src/session-kit/display/TypingDots.tsx"],"names":[],"mappings":";;AAMA,gCAiBC;;AAjBD,SAAgB,UAAU;IACxB,OAAO,CACL,iCAAM,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,GAAG,EAAE,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,YAClE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACpB,iCAEE,KAAK,EAAE;gBACL,KAAK,EAAE,CAAC;gBACR,MAAM,EAAE,CAAC;gBACT,YAAY,EAAE,KAAK;gBACnB,UAAU,EAAE,qBAAqB;gBACjC,SAAS,EAAE,sBAAsB,CAAC,GAAG,IAAI,YAAY;aACtD,IAPI,CAAC,CAQN,CACH,CAAC,GACG,CACR,CAAC;AACJ,CAAC"}

package/dist/session-kit/index.d.ts

@@ -0,0 +1,21 @@
+export * from './lib/enums';
+export * from './lib/status-dot';
+export * from './lib/portal-accent';
+export * from './primitives/RiskPill';
+export * from './primitives/ScopeDot';
+export * from './primitives/PortalGlyph';
+export * from './primitives/Avatar';
+export * from './primitives/Segmented';
+export * from './display/MD';
+export * from './display/TypingDots';
+export * from './display/TokenMeter';
+export * from './display/ContextHeader';
+export * from './display/MessageTurn';
+export * from './display/ToolStrip';
+export * from './display/ThinkingPanel';
+export * from './display/FileDiffCard';
+export * from './display/TodoChecklist';
+export * from './combobox/Combobox';
+export * from './combobox/use-click-outside';
+export * from './approvals';
+//# sourceMappingURL=index.d.ts.map

package/dist/session-kit/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/session-kit/index.ts"],"names":[],"mappings":"AAeA,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AAGpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,cAAc,CAAC;AAC7B,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAI7C,cAAc,aAAa,CAAC"}

package/dist/session-kit/index.js

@@ -0,0 +1,37 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./lib/enums"), exports);
+__exportStar(require("./lib/status-dot"), exports);
+__exportStar(require("./lib/portal-accent"), exports);
+__exportStar(require("./primitives/RiskPill"), exports);
+__exportStar(require("./primitives/ScopeDot"), exports);
+__exportStar(require("./primitives/PortalGlyph"), exports);
+__exportStar(require("./primitives/Avatar"), exports);
+__exportStar(require("./primitives/Segmented"), exports);
+__exportStar(require("./display/MD"), exports);
+__exportStar(require("./display/TypingDots"), exports);
+__exportStar(require("./display/TokenMeter"), exports);
+__exportStar(require("./display/ContextHeader"), exports);
+__exportStar(require("./display/MessageTurn"), exports);
+__exportStar(require("./display/ToolStrip"), exports);
+__exportStar(require("./display/ThinkingPanel"), exports);
+__exportStar(require("./display/FileDiffCard"), exports);
+__exportStar(require("./display/TodoChecklist"), exports);
+__exportStar(require("./combobox/Combobox"), exports);
+__exportStar(require("./combobox/use-click-outside"), exports);
+__exportStar(require("./approvals"), exports);
+//# sourceMappingURL=index.js.map

package/dist/session-kit/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/session-kit/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAeA,8CAA4B;AAC5B,mDAAiC;AACjC,sDAAoC;AAGpC,wDAAsC;AACtC,wDAAsC;AACtC,2DAAyC;AACzC,sDAAoC;AACpC,yDAAuC;AAGvC,+CAA6B;AAC7B,uDAAqC;AACrC,uDAAqC;AACrC,0DAAwC;AACxC,wDAAsC;AACtC,sDAAoC;AACpC,0DAAwC;AACxC,yDAAuC;AACvC,0DAAwC;AAGxC,sDAAoC;AACpC,+DAA6C;AAI7C,8CAA4B"}

package/dist/session-kit/lib/enums.d.ts

@@ -0,0 +1,34 @@
+export declare enum ToolStatus {
+    Pending = "pending",
+    Done = "done",
+    Error = "error"
+}
+export declare enum SessionDotState {
+    Pending = "pending",
+    Done = "done",
+    Error = "error",
+    Narration = "narration"
+}
+export declare enum SessionDotKind {
+    Solid = "solid",
+    Hollow = "hollow"
+}
+export declare enum TodoState {
+    Todo = "todo",
+    Active = "active",
+    Done = "done"
+}
+export declare enum BiomeScope {
+    System = "system",
+    Platform = "platform",
+    Community = "community"
+}
+export declare enum SessionSkin {
+    Minimal = "minimal",
+    Functional = "functional"
+}
+export declare enum TurnRole {
+    User = "user",
+    Agent = "agent"
+}
+//# sourceMappingURL=enums.d.ts.map

package/dist/session-kit/lib/enums.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.d.ts","sourceRoot":"","sources":["../../../src/session-kit/lib/enums.ts"],"names":[],"mappings":"AAYA,oBAAY,UAAU;IACpB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB;AAOD,oBAAY,eAAe;IACzB,OAAO,YAAY;IACnB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,SAAS,cAAc;CACxB;AAGD,oBAAY,cAAc;IAExB,KAAK,UAAU;IAEf,MAAM,WAAW;CAClB;AAGD,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,MAAM,WAAW;IACjB,IAAI,SAAS;CACd;AAGD,oBAAY,UAAU;IACpB,MAAM,WAAW;IACjB,QAAQ,aAAa;IACrB,SAAS,cAAc;CACxB;AAMD,oBAAY,WAAW;IACrB,OAAO,YAAY;IACnB,UAAU,eAAe;CAC1B;AAGD,oBAAY,QAAQ;IAClB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB"}

package/dist/session-kit/lib/enums.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TurnRole = exports.SessionSkin = exports.BiomeScope = exports.TodoState = exports.SessionDotKind = exports.SessionDotState = exports.ToolStatus = void 0;
+var ToolStatus;
+(function (ToolStatus) {
+    ToolStatus["Pending"] = "pending";
+    ToolStatus["Done"] = "done";
+    ToolStatus["Error"] = "error";
+})(ToolStatus || (exports.ToolStatus = ToolStatus = {}));
+var SessionDotState;
+(function (SessionDotState) {
+    SessionDotState["Pending"] = "pending";
+    SessionDotState["Done"] = "done";
+    SessionDotState["Error"] = "error";
+    SessionDotState["Narration"] = "narration";
+})(SessionDotState || (exports.SessionDotState = SessionDotState = {}));
+var SessionDotKind;
+(function (SessionDotKind) {
+    SessionDotKind["Solid"] = "solid";
+    SessionDotKind["Hollow"] = "hollow";
+})(SessionDotKind || (exports.SessionDotKind = SessionDotKind = {}));
+var TodoState;
+(function (TodoState) {
+    TodoState["Todo"] = "todo";
+    TodoState["Active"] = "active";
+    TodoState["Done"] = "done";
+})(TodoState || (exports.TodoState = TodoState = {}));
+var BiomeScope;
+(function (BiomeScope) {
+    BiomeScope["System"] = "system";
+    BiomeScope["Platform"] = "platform";
+    BiomeScope["Community"] = "community";
+})(BiomeScope || (exports.BiomeScope = BiomeScope = {}));
+var SessionSkin;
+(function (SessionSkin) {
+    SessionSkin["Minimal"] = "minimal";
+    SessionSkin["Functional"] = "functional";
+})(SessionSkin || (exports.SessionSkin = SessionSkin = {}));
+var TurnRole;
+(function (TurnRole) {
+    TurnRole["User"] = "user";
+    TurnRole["Agent"] = "agent";
+})(TurnRole || (exports.TurnRole = TurnRole = {}));
+//# sourceMappingURL=enums.js.map

package/dist/session-kit/lib/enums.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"enums.js","sourceRoot":"","sources":["../../../src/session-kit/lib/enums.ts"],"names":[],"mappings":";;;AAYA,IAAY,UAIX;AAJD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,2BAAa,CAAA;IACb,6BAAe,CAAA;AACjB,CAAC,EAJW,UAAU,0BAAV,UAAU,QAIrB;AAOD,IAAY,eAKX;AALD,WAAY,eAAe;IACzB,sCAAmB,CAAA;IACnB,gCAAa,CAAA;IACb,kCAAe,CAAA;IACf,0CAAuB,CAAA;AACzB,CAAC,EALW,eAAe,+BAAf,eAAe,QAK1B;AAGD,IAAY,cAKX;AALD,WAAY,cAAc;IAExB,iCAAe,CAAA;IAEf,mCAAiB,CAAA;AACnB,CAAC,EALW,cAAc,8BAAd,cAAc,QAKzB;AAGD,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,0BAAa,CAAA;IACb,8BAAiB,CAAA;IACjB,0BAAa,CAAA;AACf,CAAC,EAJW,SAAS,yBAAT,SAAS,QAIpB;AAGD,IAAY,UAIX;AAJD,WAAY,UAAU;IACpB,+BAAiB,CAAA;IACjB,mCAAqB,CAAA;IACrB,qCAAuB,CAAA;AACzB,CAAC,EAJW,UAAU,0BAAV,UAAU,QAIrB;AAMD,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,kCAAmB,CAAA;IACnB,wCAAyB,CAAA;AAC3B,CAAC,EAHW,WAAW,2BAAX,WAAW,QAGtB;AAGD,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,yBAAa,CAAA;IACb,2BAAe,CAAA;AACjB,CAAC,EAHW,QAAQ,wBAAR,QAAQ,QAGnB"}

package/dist/session-kit/lib/portal-accent.d.ts

@@ -0,0 +1,3 @@
+export type PortalAccentVar = `var(--${string})`;
+export declare function portalAccent(accentVar: PortalAccentVar | undefined, alpha?: number): string;
+//# sourceMappingURL=portal-accent.d.ts.map

package/dist/session-kit/lib/portal-accent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-accent.d.ts","sourceRoot":"","sources":["../../../src/session-kit/lib/portal-accent.ts"],"names":[],"mappings":"AAYA,MAAM,MAAM,eAAe,GAAG,SAAS,MAAM,GAAG,CAAC;AAWjD,wBAAgB,YAAY,CAC1B,SAAS,EAAE,eAAe,GAAG,SAAS,EACtC,KAAK,CAAC,EAAE,MAAM,GACb,MAAM,CAGR"}

package/dist/session-kit/lib/portal-accent.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.portalAccent = portalAccent;
+const PRIMARY = '--primary';
+function portalAccent(accentVar, alpha) {
+    const inner = accentVar ?? `var(${PRIMARY})`;
+    return alpha !== undefined ? `hsl(${inner} / ${alpha})` : `hsl(${inner})`;
+}
+//# sourceMappingURL=portal-accent.js.map

package/dist/session-kit/lib/portal-accent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-accent.js","sourceRoot":"","sources":["../../../src/session-kit/lib/portal-accent.ts"],"names":[],"mappings":";;AAuBA,oCAMC;AAfD,MAAM,OAAO,GAAG,WAAW,CAAC;AAS5B,SAAgB,YAAY,CAC1B,SAAsC,EACtC,KAAc;IAEd,MAAM,KAAK,GAAG,SAAS,IAAI,OAAO,OAAO,GAAG,CAAC;IAC7C,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,KAAK,MAAM,KAAK,GAAG,CAAC,CAAC,CAAC,OAAO,KAAK,GAAG,CAAC;AAC5E,CAAC"}

package/dist/session-kit/lib/status-dot.d.ts

@@ -0,0 +1,10 @@
+import { SessionDotKind, SessionDotState, ToolStatus } from './enums';
+export interface SessionDotStyle {
+    readonly color: string;
+    readonly kind: SessionDotKind;
+    readonly pulsing: boolean;
+}
+export declare const SESSION_DOT_STYLE: Record<SessionDotState, SessionDotStyle>;
+export declare function dotStateForTool(status: ToolStatus): SessionDotState;
+export declare function toolStatusColor(status: ToolStatus): string;
+//# sourceMappingURL=status-dot.d.ts.map

package/dist/session-kit/lib/status-dot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-dot.d.ts","sourceRoot":"","sources":["../../../src/session-kit/lib/status-dot.ts"],"names":[],"mappings":"AAgBA,OAAO,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAEtE,MAAM,WAAW,eAAe;IAE9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAEvB,QAAQ,CAAC,IAAI,EAAE,cAAc,CAAC;IAE9B,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;CAC3B;AAID,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,eAAe,EAAE,eAAe,CAqBtE,CAAC;AAGF,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,GAAG,eAAe,CASnE;AAGD,wBAAgB,eAAe,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM,CAE1D"}

package/dist/session-kit/lib/status-dot.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SESSION_DOT_STYLE = void 0;
+exports.dotStateForTool = dotStateForTool;
+exports.toolStatusColor = toolStatusColor;
+const enums_1 = require("./enums");
+const DANGER = 'hsl(var(--destructive, var(--danger)))';
+exports.SESSION_DOT_STYLE = {
+    [enums_1.SessionDotState.Pending]: {
+        color: 'hsl(var(--warning))',
+        kind: enums_1.SessionDotKind.Solid,
+        pulsing: true,
+    },
+    [enums_1.SessionDotState.Done]: {
+        color: 'hsl(var(--success))',
+        kind: enums_1.SessionDotKind.Solid,
+        pulsing: false,
+    },
+    [enums_1.SessionDotState.Error]: {
+        color: DANGER,
+        kind: enums_1.SessionDotKind.Solid,
+        pulsing: false,
+    },
+    [enums_1.SessionDotState.Narration]: {
+        color: 'hsl(var(--paper-elev))',
+        kind: enums_1.SessionDotKind.Hollow,
+        pulsing: false,
+    },
+};
+function dotStateForTool(status) {
+    switch (status) {
+        case enums_1.ToolStatus.Pending:
+            return enums_1.SessionDotState.Pending;
+        case enums_1.ToolStatus.Done:
+            return enums_1.SessionDotState.Done;
+        case enums_1.ToolStatus.Error:
+            return enums_1.SessionDotState.Error;
+    }
+}
+function toolStatusColor(status) {
+    return exports.SESSION_DOT_STYLE[dotStateForTool(status)].color;
+}
+//# sourceMappingURL=status-dot.js.map

package/dist/session-kit/lib/status-dot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-dot.js","sourceRoot":"","sources":["../../../src/session-kit/lib/status-dot.ts"],"names":[],"mappings":";;;AAqDA,0CASC;AAGD,0CAEC;AAnDD,mCAAsE;AAWtE,MAAM,MAAM,GAAG,wCAAwC,CAAC;AAE3C,QAAA,iBAAiB,GAA6C;IACzE,CAAC,uBAAe,CAAC,OAAO,CAAC,EAAE;QACzB,KAAK,EAAE,qBAAqB;QAC5B,IAAI,EAAE,sBAAc,CAAC,KAAK;QAC1B,OAAO,EAAE,IAAI;KACd;IACD,CAAC,uBAAe,CAAC,IAAI,CAAC,EAAE;QACtB,KAAK,EAAE,qBAAqB;QAC5B,IAAI,EAAE,sBAAc,CAAC,KAAK;QAC1B,OAAO,EAAE,KAAK;KACf;IACD,CAAC,uBAAe,CAAC,KAAK,CAAC,EAAE;QACvB,KAAK,EAAE,MAAM;QACb,IAAI,EAAE,sBAAc,CAAC,KAAK;QAC1B,OAAO,EAAE,KAAK;KACf;IACD,CAAC,uBAAe,CAAC,SAAS,CAAC,EAAE;QAC3B,KAAK,EAAE,wBAAwB;QAC/B,IAAI,EAAE,sBAAc,CAAC,MAAM;QAC3B,OAAO,EAAE,KAAK;KACf;CACF,CAAC;AAGF,SAAgB,eAAe,CAAC,MAAkB;IAChD,QAAQ,MAAM,EAAE,CAAC;QACf,KAAK,kBAAU,CAAC,OAAO;YACrB,OAAO,uBAAe,CAAC,OAAO,CAAC;QACjC,KAAK,kBAAU,CAAC,IAAI;YAClB,OAAO,uBAAe,CAAC,IAAI,CAAC;QAC9B,KAAK,kBAAU,CAAC,KAAK;YACnB,OAAO,uBAAe,CAAC,KAAK,CAAC;IACjC,CAAC;AACH,CAAC;AAGD,SAAgB,eAAe,CAAC,MAAkB;IAChD,OAAO,yBAAiB,CAAC,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC;AAC1D,CAAC"}