@nadicodeai/ui 8.1.0 → 8.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSES/SHADCN-HEATMAP-MIT.txt +21 -0
- package/NOTICE +9 -0
- package/dist/components/activity-calendar.d.ts +27 -0
- package/dist/components/activity-calendar.d.ts.map +1 -0
- package/dist/components/activity-calendar.js +56 -0
- package/dist/components/agent-orb.d.ts +22 -0
- package/dist/components/agent-orb.d.ts.map +1 -0
- package/dist/components/agent-orb.js +28 -0
- package/dist/components/chart-area-stacked.d.ts +1 -1
- package/dist/components/chart-area-stacked.d.ts.map +1 -1
- package/dist/components/chart-area-stacked.js +2 -2
- package/dist/components/chart-bar-multiple.d.ts +1 -1
- package/dist/components/chart-bar-multiple.d.ts.map +1 -1
- package/dist/components/chart-bar-multiple.js +2 -2
- package/dist/components/chart-bar-stacked.d.ts +1 -1
- package/dist/components/chart-bar-stacked.d.ts.map +1 -1
- package/dist/components/chart-bar-stacked.js +2 -2
- package/dist/components/chart-card.d.ts +24 -3
- package/dist/components/chart-card.d.ts.map +1 -1
- package/dist/components/chart-card.js +8 -3
- package/dist/components/heatmap/calendar-heatmap.d.ts +138 -0
- package/dist/components/heatmap/calendar-heatmap.d.ts.map +1 -0
- package/dist/components/heatmap/calendar-heatmap.js +449 -0
- package/dist/components/model-identity.d.ts +8 -0
- package/dist/components/model-identity.d.ts.map +1 -0
- package/dist/components/model-identity.js +8 -0
- package/dist/components/object-workspace.d.ts +36 -0
- package/dist/components/object-workspace.d.ts.map +1 -0
- package/dist/components/object-workspace.js +19 -0
- package/dist/components/progress.d.ts +2 -1
- package/dist/components/progress.d.ts.map +1 -1
- package/dist/components/progress.js +5 -4
- package/dist/components/settings-facts.d.ts +2 -1
- package/dist/components/settings-facts.d.ts.map +1 -1
- package/dist/components/settings-facts.js +6 -3
- package/dist/components/settings-section.d.ts +3 -1
- package/dist/components/settings-section.d.ts.map +1 -1
- package/dist/components/settings-section.js +2 -2
- package/dist/components/table-value.d.ts +7 -0
- package/dist/components/table-value.d.ts.map +1 -0
- package/dist/components/table-value.js +6 -0
- package/dist/components/table.d.ts +2 -1
- package/dist/components/table.d.ts.map +1 -1
- package/dist/components/table.js +4 -1
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +5 -0
- package/dist/internal/agent-orb-motion.d.ts +14 -0
- package/dist/internal/agent-orb-motion.d.ts.map +1 -0
- package/dist/internal/agent-orb-motion.js +120 -0
- package/dist/internal/agent-orb.d.ts +19 -0
- package/dist/internal/agent-orb.d.ts.map +1 -0
- package/dist/internal/agent-orb.js +151 -0
- package/dist/internal/object-identity-support.d.ts +6 -0
- package/dist/internal/object-identity-support.d.ts.map +1 -0
- package/dist/internal/object-identity-support.js +10 -0
- package/dist/lib/format-token-count.d.ts +4 -0
- package/dist/lib/format-token-count.d.ts.map +1 -0
- package/dist/lib/format-token-count.js +31 -0
- package/docs/activity.md +3 -1
- package/docs/agent-orb.md +82 -0
- package/docs/agent-visual.md +5 -0
- package/docs/contract.md +46 -3
- package/docs/model-identity.md +18 -0
- package/package.json +7 -2
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import { type CardSurface } from "./card.js";
|
|
2
3
|
import { Field } from "./field.js";
|
|
3
4
|
export type SettingsFieldControlProps = {
|
|
4
5
|
id: string;
|
|
@@ -7,11 +8,12 @@ export type SettingsFieldControlProps = {
|
|
|
7
8
|
disabled?: boolean;
|
|
8
9
|
required?: boolean;
|
|
9
10
|
};
|
|
10
|
-
declare function SettingsSection({ title, description, actions, footer, children, className, ...props }: Omit<React.ComponentProps<"section">, "title"> & {
|
|
11
|
+
declare function SettingsSection({ title, description, actions, footer, children, className, surface, ...props }: Omit<React.ComponentProps<"section">, "title"> & {
|
|
11
12
|
title?: React.ReactNode;
|
|
12
13
|
description?: React.ReactNode;
|
|
13
14
|
actions?: React.ReactNode;
|
|
14
15
|
footer?: React.ReactNode;
|
|
16
|
+
surface?: CardSurface;
|
|
15
17
|
}): React.JSX.Element;
|
|
16
18
|
declare function SettingsField({ id, label, description, error, invalid, disabled, required, children, className, contentClassName, controlClassName, ...props }: Omit<React.ComponentProps<typeof Field>, "children"> & {
|
|
17
19
|
id: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"settings-section.d.ts","sourceRoot":"","sources":["../../src/components/settings-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"settings-section.d.ts","sourceRoot":"","sources":["../../src/components/settings-section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAQL,KAAK,WAAW,EACjB,MAAM,QAAQ,CAAC;AAEhB,OAAO,EACL,KAAK,EAMN,MAAM,oBAAoB,CAAC;AAE5B,MAAM,MAAM,yBAAyB,GAAG;IACtC,EAAE,EAAE,MAAM,CAAC;IACX,cAAc,CAAC,EAAE,IAAI,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,iBAAS,eAAe,CAAC,EACvB,KAAK,EACL,WAAW,EACX,OAAO,EACP,MAAM,EACN,QAAQ,EACR,SAAS,EACT,OAAmB,EACnB,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,GAAG;IAClD,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,qBA+BA;AAED,iBAAS,aAAa,CAAC,EACrB,EAAE,EACF,KAAK,EACL,WAAW,EACX,KAAK,EACL,OAAwB,EACxB,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACxD,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE;QAAE,YAAY,EAAE,yBAAyB,CAAA;KAAE,KAAK,KAAK,CAAC,SAAS,CAAC;IAClF,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,qBAsCA;AAED,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -3,8 +3,8 @@ import { cn } from "../lib/utils.js";
|
|
|
3
3
|
import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "./card.js";
|
|
4
4
|
import { Separator } from "./separator.js";
|
|
5
5
|
import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, } from "./field.js";
|
|
6
|
-
function SettingsSection({ title, description, actions, footer, children, className, ...props }) {
|
|
7
|
-
return (_jsxs(Card, { render: _jsx("section", { ...props, "data-slot": "settings-section" }), className: cn("min-w-0", className), children: [(title || description || actions) && (_jsxs(_Fragment, { children: [_jsxs(CardHeader, { children: [title && (_jsx(CardTitle, { children: _jsx("h2", { children: title }) })), description && _jsx(CardDescription, { children: description }), actions && _jsx(CardAction, { children: actions })] }), _jsx(Separator, {})] })), _jsx(CardContent, { children: _jsx(FieldGroup, { "data-slot": "settings-section-fields", children: children }) }), footer && (_jsx(CardFooter, { className: "flex-wrap justify-end gap-3 border-t border-border", children: footer }))] }));
|
|
6
|
+
function SettingsSection({ title, description, actions, footer, children, className, surface = "resting", ...props }) {
|
|
7
|
+
return (_jsxs(Card, { render: _jsx("section", { ...props, "data-slot": "settings-section" }), surface: surface, className: cn("min-w-0", className), children: [(title || description || actions) && (_jsxs(_Fragment, { children: [_jsxs(CardHeader, { children: [title && (_jsx(CardTitle, { children: _jsx("h2", { children: title }) })), description && _jsx(CardDescription, { children: description }), actions && _jsx(CardAction, { children: actions })] }), _jsx(Separator, {})] })), _jsx(CardContent, { children: _jsx(FieldGroup, { "data-slot": "settings-section-fields", children: children }) }), footer && (_jsx(CardFooter, { className: "flex-wrap justify-end gap-3 border-t border-border", children: footer }))] }));
|
|
8
8
|
}
|
|
9
9
|
function SettingsField({ id, label, description, error, invalid = Boolean(error), disabled, required, children, className, contentClassName, controlClassName, ...props }) {
|
|
10
10
|
const descriptionId = description ? `${id}-description` : undefined;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { ReactElement } from "react";
|
|
2
|
+
export type TableValueProps = {
|
|
3
|
+
value: string | number | ReactElement | null | undefined;
|
|
4
|
+
missingLabel: string;
|
|
5
|
+
};
|
|
6
|
+
export declare function TableValue({ value, missingLabel }: TableValueProps): string | number | import("react").JSX.Element;
|
|
7
|
+
//# sourceMappingURL=table-value.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"table-value.d.ts","sourceRoot":"","sources":["../../src/components/table-value.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,IAAI,GAAG,SAAS,CAAC;IACzD,YAAY,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,eAAe,iDASlE"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
export function TableValue({ value, missingLabel }) {
|
|
3
|
+
if (value !== null && value !== undefined && value !== "")
|
|
4
|
+
return value;
|
|
5
|
+
return (_jsxs("span", { "data-slot": "table-missing-value", className: "text-muted-foreground", children: [_jsx("span", { "aria-hidden": "true", children: "\u2014" }), _jsx("span", { className: "sr-only", children: missingLabel })] }));
|
|
6
|
+
}
|
|
@@ -5,6 +5,7 @@ declare function Table({ className, compactDetails, ...props }: React.ComponentP
|
|
|
5
5
|
}): React.JSX.Element;
|
|
6
6
|
declare function TableHeader({ className, ...props }: React.ComponentProps<"thead">): React.JSX.Element;
|
|
7
7
|
declare function TableBody({ className, ...props }: React.ComponentProps<"tbody">): React.JSX.Element;
|
|
8
|
+
declare function TableRecordGroup({ className, ...props }: React.ComponentProps<"tbody">): React.JSX.Element;
|
|
8
9
|
declare function TableFooter({ className, ...props }: React.ComponentProps<"tfoot">): React.JSX.Element;
|
|
9
10
|
declare function TableRow({ className, ...props }: React.ComponentProps<"tr">): React.JSX.Element;
|
|
10
11
|
declare function TableHead({ className, ...props }: React.ComponentProps<"th">): React.JSX.Element;
|
|
@@ -20,5 +21,5 @@ declare function TableDetailRow({ colSpan, facts, layout, }: {
|
|
|
20
21
|
}[];
|
|
21
22
|
}): React.JSX.Element;
|
|
22
23
|
declare function TableCaption({ className, ...props }: React.ComponentProps<"caption">): React.JSX.Element;
|
|
23
|
-
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, TableDetailRow, tableCompactLayouts, type TableCompactLayout, };
|
|
24
|
+
export { Table, TableHeader, TableBody, TableRecordGroup, TableFooter, TableHead, TableRow, TableCell, TableCaption, TableDetailRow, tableCompactLayouts, type TableCompactLayout, };
|
|
24
25
|
//# sourceMappingURL=table.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAE1F,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,cAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG;IAAE,cAAc,CAAC,EAAE,kBAAkB,CAAA;CAAE,qBAoBzE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAQ1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAQxE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAW1E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAWpE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAWrE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQrE;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,KAAK,EACL,MAAmB,GACpB,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,KAAK,EAAE,SAAS;QACd,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,EAAE,CAAC;CACL,qBAiCA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,qBAQ7E;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,KAAK,kBAAkB,GACxB,CAAC"}
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["../../src/components/table.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,mBAAmB,EAAE,KAAK,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAE1F,iBAAS,KAAK,CAAC,EACb,SAAS,EACT,cAAc,EACd,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,GAAG;IAAE,cAAc,CAAC,EAAE,kBAAkB,CAAA;CAAE,qBAoBzE;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAQ1E;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAQxE;AAED,iBAAS,gBAAgB,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAW/E;AAED,iBAAS,WAAW,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,qBAW1E;AAED,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAWpE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAWrE;AAED,iBAAS,SAAS,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,qBAQrE;AAED,iBAAS,cAAc,CAAC,EACtB,OAAO,EACP,KAAK,EACL,MAAmB,GACpB,EAAE;IACD,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,kBAAkB,CAAC;IAC5B,KAAK,EAAE,SAAS;QACd,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;QACvB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,EAAE,CAAC;CACL,qBAiCA;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,qBAQ7E;AAED,OAAO,EACL,KAAK,EACL,WAAW,EACX,SAAS,EACT,gBAAgB,EAChB,WAAW,EACX,SAAS,EACT,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,cAAc,EACd,mBAAmB,EACnB,KAAK,kBAAkB,GACxB,CAAC"}
|
package/dist/components/table.js
CHANGED
|
@@ -11,6 +11,9 @@ function TableHeader({ className, ...props }) {
|
|
|
11
11
|
function TableBody({ className, ...props }) {
|
|
12
12
|
return (_jsx("tbody", { "data-slot": "table-body", className: cn("[&_tr]:h-10 [&_tr:last-child]:border-0", className), ...props }));
|
|
13
13
|
}
|
|
14
|
+
function TableRecordGroup({ className, ...props }) {
|
|
15
|
+
return (_jsx("tbody", { "data-slot": "table-record-group", className: cn("[&_tr]:h-10 [&:hover>tr]:bg-accent [&:has(:focus-visible)>tr]:bg-accent [&:has([aria-expanded=true])>tr]:bg-accent [&:has(>tr[data-state=selected])>tr]:bg-muted [&:last-of-type>tr]:border-0", className), ...props }));
|
|
16
|
+
}
|
|
14
17
|
function TableFooter({ className, ...props }) {
|
|
15
18
|
return (_jsx("tfoot", { "data-slot": "table-footer", className: cn("border-t border-border bg-muted/50 font-medium [&>tr]:last:border-b-0", className), ...props }));
|
|
16
19
|
}
|
|
@@ -29,4 +32,4 @@ function TableDetailRow({ colSpan, facts, layout = "standard", }) {
|
|
|
29
32
|
function TableCaption({ className, ...props }) {
|
|
30
33
|
return (_jsx("caption", { "data-slot": "table-caption", className: cn("mt-4 text-sm text-muted-foreground", className), ...props }));
|
|
31
34
|
}
|
|
32
|
-
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableRow, TableCell, TableCaption, TableDetailRow, tableCompactLayouts, };
|
|
35
|
+
export { Table, TableHeader, TableBody, TableRecordGroup, TableFooter, TableHead, TableRow, TableCell, TableCaption, TableDetailRow, tableCompactLayouts, };
|
package/dist/index.d.ts
CHANGED
|
@@ -3,7 +3,9 @@ export * from "./components/action-band.js";
|
|
|
3
3
|
export * from "./components/action-menu.js";
|
|
4
4
|
export * from "./components/action-status.js";
|
|
5
5
|
export * from "./components/activity-orb.js";
|
|
6
|
+
export * from "./components/activity-calendar.js";
|
|
6
7
|
export * from "./components/agent-card.js";
|
|
8
|
+
export * from "./components/agent-orb.js";
|
|
7
9
|
export * from "./components/agent-visual.js";
|
|
8
10
|
export * from "./components/alert.js";
|
|
9
11
|
export * from "./components/alert-dialog.js";
|
|
@@ -88,6 +90,7 @@ export * from "./components/media-mount.js";
|
|
|
88
90
|
export * from "./components/memory-item.js";
|
|
89
91
|
export * from "./components/menu-choice-row.js";
|
|
90
92
|
export * from "./components/menubar.js";
|
|
93
|
+
export * from "./components/model-identity.js";
|
|
91
94
|
export * from "./components/model-mark.js";
|
|
92
95
|
export * from "./components/native-select.js";
|
|
93
96
|
export * from "./components/nav-bar.js";
|
|
@@ -128,6 +131,8 @@ export * from "./components/status-row.js";
|
|
|
128
131
|
export * from "./components/steps.js";
|
|
129
132
|
export * from "./components/switch.js";
|
|
130
133
|
export * from "./components/table.js";
|
|
134
|
+
export * from "./components/table-value.js";
|
|
135
|
+
export * from "./components/object-workspace.js";
|
|
131
136
|
export * from "./components/tabs.js";
|
|
132
137
|
export * from "./components/team-grid.js";
|
|
133
138
|
export * from "./components/testimonials.js";
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -3,7 +3,9 @@ export * from "./components/action-band.js";
|
|
|
3
3
|
export * from "./components/action-menu.js";
|
|
4
4
|
export * from "./components/action-status.js";
|
|
5
5
|
export * from "./components/activity-orb.js";
|
|
6
|
+
export * from "./components/activity-calendar.js";
|
|
6
7
|
export * from "./components/agent-card.js";
|
|
8
|
+
export * from "./components/agent-orb.js";
|
|
7
9
|
export * from "./components/agent-visual.js";
|
|
8
10
|
export * from "./components/alert.js";
|
|
9
11
|
export * from "./components/alert-dialog.js";
|
|
@@ -88,6 +90,7 @@ export * from "./components/media-mount.js";
|
|
|
88
90
|
export * from "./components/memory-item.js";
|
|
89
91
|
export * from "./components/menu-choice-row.js";
|
|
90
92
|
export * from "./components/menubar.js";
|
|
93
|
+
export * from "./components/model-identity.js";
|
|
91
94
|
export * from "./components/model-mark.js";
|
|
92
95
|
export * from "./components/native-select.js";
|
|
93
96
|
export * from "./components/nav-bar.js";
|
|
@@ -128,6 +131,8 @@ export * from "./components/status-row.js";
|
|
|
128
131
|
export * from "./components/steps.js";
|
|
129
132
|
export * from "./components/switch.js";
|
|
130
133
|
export * from "./components/table.js";
|
|
134
|
+
export * from "./components/table-value.js";
|
|
135
|
+
export * from "./components/object-workspace.js";
|
|
131
136
|
export * from "./components/tabs.js";
|
|
132
137
|
export * from "./components/team-grid.js";
|
|
133
138
|
export * from "./components/testimonials.js";
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { AgentOrbForm } from "./agent-orb.js";
|
|
2
|
+
export type AgentOrbState = "idle" | "working" | "waiting" | "blocked" | "thinking" | "done";
|
|
3
|
+
export declare function stateSpeed(state: AgentOrbState, form: AgentOrbForm): number;
|
|
4
|
+
export declare function motionPose(form: AgentOrbForm, state: AgentOrbState, age: number): {
|
|
5
|
+
sx: number;
|
|
6
|
+
sy: number;
|
|
7
|
+
x: number;
|
|
8
|
+
y: number;
|
|
9
|
+
rotation: number;
|
|
10
|
+
split: number;
|
|
11
|
+
opacity: number;
|
|
12
|
+
};
|
|
13
|
+
export declare function paintOrbCue(context: CanvasRenderingContext2D, state: AgentOrbState, size: number, seconds: number, reduced: boolean, colors: readonly string[], depth: "back" | "front"): void;
|
|
14
|
+
//# sourceMappingURL=agent-orb-motion.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"agent-orb-motion.d.ts","sourceRoot":"","sources":["../../src/internal/agent-orb-motion.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAY7F,wBAAgB,UAAU,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,YAAY,UAGlE;AAED,wBAAgB,UAAU,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,EAAE,MAAM;;;;;;;;EA0C/E;AAED,wBAAgB,WAAW,CACzB,OAAO,EAAE,wBAAwB,EACjC,KAAK,EAAE,aAAa,EACpB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,SAAS,MAAM,EAAE,EACzB,KAAK,EAAE,MAAM,GAAG,OAAO,QAgExB"}
|
|
@@ -0,0 +1,120 @@
|
|
|
1
|
+
const personalities = {
|
|
2
|
+
ribbon: { speed: 0.55, tilt: 0.15 },
|
|
3
|
+
lattice: { speed: 0.28, tilt: -0.12 },
|
|
4
|
+
orbit: { speed: 0.7, tilt: 0.2 },
|
|
5
|
+
globe: { speed: 0.35, tilt: -0.16 },
|
|
6
|
+
network: { speed: 0.55, tilt: 0.1 },
|
|
7
|
+
braid: { speed: 0.65, tilt: -0.2 },
|
|
8
|
+
morph: { speed: 0.9, tilt: 0.12 },
|
|
9
|
+
};
|
|
10
|
+
export function stateSpeed(state, form) {
|
|
11
|
+
const speed = { idle: 1, working: 1, thinking: 1, waiting: 0, blocked: 0, done: 0.65 };
|
|
12
|
+
return speed[state] * personalities[form].speed;
|
|
13
|
+
}
|
|
14
|
+
export function motionPose(form, state, age) {
|
|
15
|
+
const personality = personalities[form];
|
|
16
|
+
let sx = 0.82;
|
|
17
|
+
let sy = 0.82;
|
|
18
|
+
let y = 0;
|
|
19
|
+
const x = 0;
|
|
20
|
+
let rotation = 0;
|
|
21
|
+
const split = 0;
|
|
22
|
+
let opacity = 1;
|
|
23
|
+
if (state === "idle") {
|
|
24
|
+
const breath = Math.sin((age * Math.PI) / 2);
|
|
25
|
+
sx += breath * 0.01;
|
|
26
|
+
sy += breath * 0.01;
|
|
27
|
+
y = -breath * 0.004;
|
|
28
|
+
}
|
|
29
|
+
else if (state === "waiting") {
|
|
30
|
+
sx = 0.8;
|
|
31
|
+
sy = 0.84;
|
|
32
|
+
y = -0.015;
|
|
33
|
+
opacity = 0.75;
|
|
34
|
+
}
|
|
35
|
+
else if (state === "blocked") {
|
|
36
|
+
const stop = Math.min(1, age / 0.25);
|
|
37
|
+
const effort = Math.sin(stop * Math.PI);
|
|
38
|
+
sx = 0.8 + effort * 0.015;
|
|
39
|
+
sy = 0.82 - stop * 0.08;
|
|
40
|
+
y = stop * 0.025 - effort * 0.018;
|
|
41
|
+
rotation = personality.tilt * stop * 0.4;
|
|
42
|
+
opacity = 1 - stop * 0.4;
|
|
43
|
+
}
|
|
44
|
+
else if (state === "done") {
|
|
45
|
+
if (age < 0.18) {
|
|
46
|
+
const anticipation = Math.sin((Math.PI * age) / 0.18);
|
|
47
|
+
sx += 0.03 * anticipation;
|
|
48
|
+
sy -= 0.04 * anticipation;
|
|
49
|
+
y = 0.012 * anticipation;
|
|
50
|
+
}
|
|
51
|
+
else if (age < 1.3) {
|
|
52
|
+
const leap = (age - 0.18) / 1.12;
|
|
53
|
+
y = -0.07 * Math.sin(Math.PI * leap);
|
|
54
|
+
sx += 0.025 * Math.sin(Math.PI * leap);
|
|
55
|
+
sy += 0.035 * Math.sin(Math.PI * leap);
|
|
56
|
+
rotation = Math.sin(leap * Math.PI * 2) * 0.07;
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
return { sx, sy, x, y, rotation, split, opacity };
|
|
60
|
+
}
|
|
61
|
+
export function paintOrbCue(context, state, size, seconds, reduced, colors, depth) {
|
|
62
|
+
if (state !== "working" && state !== "thinking" && state !== "done")
|
|
63
|
+
return;
|
|
64
|
+
context.save();
|
|
65
|
+
if (state === "thinking") {
|
|
66
|
+
if (depth === "front") {
|
|
67
|
+
for (let i = 0; i < 3; i++) {
|
|
68
|
+
const pulse = reduced
|
|
69
|
+
? 0.5
|
|
70
|
+
: (1 + Math.cos((seconds * Math.PI * 2) / 3.6 - (i * Math.PI * 2) / 3)) / 2;
|
|
71
|
+
context.fillStyle = colors[i % colors.length];
|
|
72
|
+
context.globalAlpha = 0.65 + pulse * 0.35;
|
|
73
|
+
context.beginPath();
|
|
74
|
+
context.arc(size * (0.5 + (i - 1) * 0.09), size * 0.08, Math.max(1, size * (0.022 + pulse * 0.005)), 0, Math.PI * 2);
|
|
75
|
+
context.fill();
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
else if (state === "working" || (!reduced && seconds < 3.1)) {
|
|
80
|
+
const count = state === "done" ? 3 : 1;
|
|
81
|
+
for (let wave = 0; wave < count; wave++) {
|
|
82
|
+
const progress = state === "done" ? (seconds - wave * 0.38) / 2.2 : 0;
|
|
83
|
+
if (progress < 0 || progress > 1)
|
|
84
|
+
continue;
|
|
85
|
+
const fade = state === "done" ? Math.sin(progress * Math.PI) : 1;
|
|
86
|
+
const head = (reduced ? 0.8 : (seconds * Math.PI * 2) / 7.2) + wave * 2.1;
|
|
87
|
+
const tailLength = Math.PI * 1.4;
|
|
88
|
+
const tilt = -0.38 + wave * 0.4;
|
|
89
|
+
const radiusX = size * (0.44 + progress * 0.03);
|
|
90
|
+
const radiusY = size * (0.19 + progress * 0.11);
|
|
91
|
+
const point = (angle) => {
|
|
92
|
+
const x = Math.cos(angle) * radiusX;
|
|
93
|
+
const y = Math.sin(angle) * radiusY;
|
|
94
|
+
return [
|
|
95
|
+
size / 2 + x * Math.cos(tilt) - y * Math.sin(tilt),
|
|
96
|
+
size / 2 + x * Math.sin(tilt) + y * Math.cos(tilt),
|
|
97
|
+
];
|
|
98
|
+
};
|
|
99
|
+
const gradient = context.createLinearGradient(size * 0.1, size * 0.7, size * 0.9, size * 0.3);
|
|
100
|
+
colors.forEach((color, index) => gradient.addColorStop(index / Math.max(1, colors.length - 1), color));
|
|
101
|
+
context.strokeStyle = gradient;
|
|
102
|
+
context.lineCap = "round";
|
|
103
|
+
for (let segment = 0; segment < 100; segment++) {
|
|
104
|
+
const fraction = segment / 100;
|
|
105
|
+
const angle = head - tailLength + tailLength * fraction;
|
|
106
|
+
const front = Math.sin(angle) >= 0;
|
|
107
|
+
if (front !== (depth === "front"))
|
|
108
|
+
continue;
|
|
109
|
+
const taper = Math.sin(Math.PI * (0.04 + fraction * 0.92));
|
|
110
|
+
context.globalAlpha = fade * (front ? 0.92 : 0.55) * (0.25 + taper * 0.75);
|
|
111
|
+
context.lineWidth = Math.max(0.65, size * 0.027 * taper);
|
|
112
|
+
context.beginPath();
|
|
113
|
+
context.moveTo(...point(angle));
|
|
114
|
+
context.lineTo(...point(angle + tailLength / 100 + 0.002));
|
|
115
|
+
context.stroke();
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
}
|
|
119
|
+
context.restore();
|
|
120
|
+
}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type AgentOrbState } from "./agent-orb-motion.js";
|
|
2
|
+
declare const agentOrbForms: {
|
|
3
|
+
readonly orbit: "working";
|
|
4
|
+
readonly globe: "searching";
|
|
5
|
+
readonly lattice: "solving";
|
|
6
|
+
readonly network: "connecting";
|
|
7
|
+
readonly braid: "weaving";
|
|
8
|
+
readonly ribbon: "composing";
|
|
9
|
+
readonly morph: "shaping";
|
|
10
|
+
};
|
|
11
|
+
export type AgentOrbForm = keyof typeof agentOrbForms;
|
|
12
|
+
export type AgentOrbSize = 20 | 24 | 32 | 40 | 64 | 96 | 160;
|
|
13
|
+
export declare function mountAgentOrb(canvas: HTMLCanvasElement, form: AgentOrbForm, size: AgentOrbSize, initiallyPaused: boolean, initialState?: AgentOrbState): {
|
|
14
|
+
destroy(): void;
|
|
15
|
+
setPaused(_value: boolean): void;
|
|
16
|
+
setState(_value: AgentOrbState): void;
|
|
17
|
+
};
|
|
18
|
+
export {};
|
|
19
|
+
//# sourceMappingURL=agent-orb.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"agent-orb.d.ts","sourceRoot":"","sources":["../../src/internal/agent-orb.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAuC,MAAM,oBAAoB,CAAC;AAE7F,QAAA,MAAM,aAAa;;;;;;;;CAQ0B,CAAC;AAE9C,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,aAAa,CAAC;AACtD,MAAM,MAAM,YAAY,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,CAAC;AAkD7D,wBAAgB,aAAa,CAC3B,MAAM,EAAE,iBAAiB,EACzB,IAAI,EAAE,YAAY,EAClB,IAAI,EAAE,YAAY,EAClB,eAAe,EAAE,OAAO,EACxB,YAAY,GAAE,aAAsB;;sBAIO,OAAO;qBAAuB,aAAa;EAqHvF"}
|
|
@@ -0,0 +1,151 @@
|
|
|
1
|
+
import { MODE_FRAMES, resolvePreset } from "thinking-orbs/engine";
|
|
2
|
+
import { motionPose, paintOrbCue, stateSpeed } from "./agent-orb-motion.js";
|
|
3
|
+
const agentOrbForms = {
|
|
4
|
+
orbit: "working",
|
|
5
|
+
globe: "searching",
|
|
6
|
+
lattice: "solving",
|
|
7
|
+
network: "connecting",
|
|
8
|
+
braid: "weaving",
|
|
9
|
+
ribbon: "composing",
|
|
10
|
+
morph: "shaping",
|
|
11
|
+
};
|
|
12
|
+
function paintAgentOrb(context, form, size, seconds, color, state = "idle", age = 0, reduced = false, celebrationColors = [color]) {
|
|
13
|
+
const preset = resolvePreset(agentOrbForms[form], size <= 32 ? 20 : 64);
|
|
14
|
+
const frame = MODE_FRAMES[preset.mode](size, seconds, preset.opts);
|
|
15
|
+
context.clearRect(0, 0, size, size);
|
|
16
|
+
const pose = motionPose(form, state, reduced ? (state === "done" ? 2 : 0.6) : age);
|
|
17
|
+
const gestureSeconds = reduced ? 0.8 : age / (state === "done" ? 0.575 : 0.2875);
|
|
18
|
+
const project = (x, y) => {
|
|
19
|
+
const dx = (x - size / 2) * pose.sx;
|
|
20
|
+
const dy = (y - size / 2) * pose.sy;
|
|
21
|
+
return [
|
|
22
|
+
size / 2 +
|
|
23
|
+
dx * Math.cos(pose.rotation) -
|
|
24
|
+
dy * Math.sin(pose.rotation) +
|
|
25
|
+
(pose.x + Math.sign(dx) * pose.split) * size,
|
|
26
|
+
size / 2 + dx * Math.sin(pose.rotation) + dy * Math.cos(pose.rotation) + pose.y * size,
|
|
27
|
+
];
|
|
28
|
+
};
|
|
29
|
+
paintOrbCue(context, state, size, gestureSeconds, reduced, celebrationColors, "back");
|
|
30
|
+
context.fillStyle = color;
|
|
31
|
+
context.strokeStyle = color;
|
|
32
|
+
for (const line of frame.lines) {
|
|
33
|
+
context.globalAlpha = Math.min(1, Math.max(0, (1 - line.white) * (line.a ?? 1) * pose.opacity));
|
|
34
|
+
context.lineWidth = line.w;
|
|
35
|
+
context.beginPath();
|
|
36
|
+
context.moveTo(...project(line.x1, line.y1));
|
|
37
|
+
context.lineTo(...project(line.x2, line.y2));
|
|
38
|
+
context.stroke();
|
|
39
|
+
}
|
|
40
|
+
for (const dot of frame.dots) {
|
|
41
|
+
context.globalAlpha = Math.min(1, Math.max(0, (1 - dot.white) * (dot.a ?? 1) * pose.opacity));
|
|
42
|
+
context.beginPath();
|
|
43
|
+
context.arc(...project(dot.x, dot.y), dot.r, 0, Math.PI * 2);
|
|
44
|
+
context.fill();
|
|
45
|
+
}
|
|
46
|
+
context.globalAlpha = 1;
|
|
47
|
+
paintOrbCue(context, state, size, gestureSeconds, reduced, celebrationColors, "front");
|
|
48
|
+
}
|
|
49
|
+
export function mountAgentOrb(canvas, form, size, initiallyPaused, initialState = "idle") {
|
|
50
|
+
const context = canvas.getContext("2d");
|
|
51
|
+
if (!context)
|
|
52
|
+
return { destroy() { }, setPaused(_value) { }, setState(_value) { } };
|
|
53
|
+
const motion = window.matchMedia("(prefers-reduced-motion: reduce)");
|
|
54
|
+
let paused = initiallyPaused;
|
|
55
|
+
let visible = true;
|
|
56
|
+
let disposed = false;
|
|
57
|
+
let request = 0;
|
|
58
|
+
let seconds = 0.6;
|
|
59
|
+
let age = 0;
|
|
60
|
+
let state = initialState;
|
|
61
|
+
let previous = null;
|
|
62
|
+
let lastPaint = 0;
|
|
63
|
+
let ratio = 1;
|
|
64
|
+
let color = getComputedStyle(canvas).color;
|
|
65
|
+
let celebrationColors = [color];
|
|
66
|
+
function paint() {
|
|
67
|
+
if (!context)
|
|
68
|
+
return;
|
|
69
|
+
context.setTransform(ratio, 0, 0, ratio, 0, 0);
|
|
70
|
+
paintAgentOrb(context, form, size, seconds, color, state, age, motion.matches, celebrationColors);
|
|
71
|
+
}
|
|
72
|
+
function running() {
|
|
73
|
+
return (!disposed &&
|
|
74
|
+
visible &&
|
|
75
|
+
!document.hidden &&
|
|
76
|
+
!motion.matches &&
|
|
77
|
+
!paused &&
|
|
78
|
+
state !== "waiting" &&
|
|
79
|
+
!(state === "blocked" && age >= 0.3) &&
|
|
80
|
+
!(state === "done" && age >= 1.8));
|
|
81
|
+
}
|
|
82
|
+
function tick(now) {
|
|
83
|
+
request = 0;
|
|
84
|
+
if (!running())
|
|
85
|
+
return;
|
|
86
|
+
if (previous !== null) {
|
|
87
|
+
const elapsed = Math.min((now - previous) / 1000, 0.1);
|
|
88
|
+
seconds += elapsed * stateSpeed(state, form);
|
|
89
|
+
age += elapsed * (state === "done" ? 0.575 : 0.2875);
|
|
90
|
+
}
|
|
91
|
+
previous = now;
|
|
92
|
+
if (now - lastPaint >= 1000 / 30) {
|
|
93
|
+
paint();
|
|
94
|
+
lastPaint = now;
|
|
95
|
+
}
|
|
96
|
+
request = requestAnimationFrame(tick);
|
|
97
|
+
}
|
|
98
|
+
function play() {
|
|
99
|
+
cancelAnimationFrame(request);
|
|
100
|
+
request = 0;
|
|
101
|
+
previous = null;
|
|
102
|
+
paint();
|
|
103
|
+
if (running())
|
|
104
|
+
request = requestAnimationFrame(tick);
|
|
105
|
+
}
|
|
106
|
+
function refresh() {
|
|
107
|
+
ratio = Math.min(window.devicePixelRatio || 1, 2);
|
|
108
|
+
canvas.width = Math.round(size * ratio);
|
|
109
|
+
canvas.height = Math.round(size * ratio);
|
|
110
|
+
const appearance = getComputedStyle(canvas);
|
|
111
|
+
color = appearance.color;
|
|
112
|
+
celebrationColors = ["--nc-chart-5", "--nc-chart-6", "--nc-warning", "--nc-chart-4"].map((token) => `color-mix(in oklch, ${appearance.getPropertyValue(token).trim() || color} 75%, white)`);
|
|
113
|
+
play();
|
|
114
|
+
}
|
|
115
|
+
const visibility = new IntersectionObserver(([entry]) => {
|
|
116
|
+
visible = entry?.isIntersecting ?? false;
|
|
117
|
+
play();
|
|
118
|
+
});
|
|
119
|
+
visibility.observe(canvas);
|
|
120
|
+
const appearance = new MutationObserver(refresh);
|
|
121
|
+
for (let ancestor = canvas; ancestor; ancestor = ancestor.parentElement) {
|
|
122
|
+
appearance.observe(ancestor, {
|
|
123
|
+
attributes: true,
|
|
124
|
+
attributeFilter: ["class", "style", "data-theme"],
|
|
125
|
+
});
|
|
126
|
+
}
|
|
127
|
+
motion.addEventListener("change", play);
|
|
128
|
+
document.addEventListener("visibilitychange", play);
|
|
129
|
+
window.addEventListener("resize", refresh);
|
|
130
|
+
refresh();
|
|
131
|
+
return {
|
|
132
|
+
setState(value) {
|
|
133
|
+
state = value;
|
|
134
|
+
age = 0;
|
|
135
|
+
play();
|
|
136
|
+
},
|
|
137
|
+
setPaused(value) {
|
|
138
|
+
paused = value;
|
|
139
|
+
play();
|
|
140
|
+
},
|
|
141
|
+
destroy() {
|
|
142
|
+
disposed = true;
|
|
143
|
+
cancelAnimationFrame(request);
|
|
144
|
+
visibility.disconnect();
|
|
145
|
+
appearance.disconnect();
|
|
146
|
+
motion.removeEventListener("change", play);
|
|
147
|
+
document.removeEventListener("visibilitychange", play);
|
|
148
|
+
window.removeEventListener("resize", refresh);
|
|
149
|
+
},
|
|
150
|
+
};
|
|
151
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"object-identity-support.d.ts","sourceRoot":"","sources":["../../src/internal/object-identity-support.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAMjD,wBAAgB,qBAAqB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,+BAqBhG"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
+
import { useState } from "react";
|
|
4
|
+
import { ChevronDown } from "lucide-react";
|
|
5
|
+
import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "../components/collapsible.js";
|
|
6
|
+
import { cn } from "../lib/utils.js";
|
|
7
|
+
export function ObjectIdentitySupport({ children, label }) {
|
|
8
|
+
const [open, setOpen] = useState(false);
|
|
9
|
+
return (_jsxs("div", { className: "min-w-0 basis-full lg:max-w-xl lg:flex-1 lg:basis-80", "data-slot": "object-identity-support", children: [_jsx("div", { className: "hidden lg:block", children: children }), _jsxs(Collapsible, { className: "lg:hidden", onOpenChange: setOpen, open: open, children: [_jsxs(CollapsibleTrigger, { className: "nc-transition-paint flex min-h-8 w-full items-center justify-between gap-3 text-left text-xs text-muted-foreground hover:text-foreground", children: [label, _jsx(ChevronDown, { "aria-hidden": "true", className: cn("nc-transition-transform size-4 shrink-0", open && "rotate-180") })] }), _jsx(CollapsibleContent, { className: "pt-3", children: children })] })] }));
|
|
10
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"format-token-count.d.ts","sourceRoot":"","sources":["../../src/lib/format-token-count.ts"],"names":[],"mappings":"AAQA,4EAA4E;AAC5E,iBAAS,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAuBhE;AAED,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
const TOKEN_COUNT_UNAVAILABLE = "—";
|
|
2
|
+
const TOKEN_COUNT_SCALES = [
|
|
3
|
+
{ threshold: 1_000_000_000, suffix: "B" },
|
|
4
|
+
{ threshold: 1_000_000, suffix: "M" },
|
|
5
|
+
{ threshold: 1_000, suffix: "K" },
|
|
6
|
+
];
|
|
7
|
+
/** Formats a token count with a stable K/M/B vocabulary in every locale. */
|
|
8
|
+
function formatTokenCount(value, locale) {
|
|
9
|
+
if (!Number.isFinite(value))
|
|
10
|
+
return TOKEN_COUNT_UNAVAILABLE;
|
|
11
|
+
const exact = new Intl.NumberFormat(locale, { maximumFractionDigits: 0 });
|
|
12
|
+
const magnitude = Math.abs(value);
|
|
13
|
+
if (magnitude < 1_000)
|
|
14
|
+
return exact.format(value);
|
|
15
|
+
let scale = TOKEN_COUNT_SCALES.find((candidate) => magnitude >= candidate.threshold);
|
|
16
|
+
if (!scale)
|
|
17
|
+
return exact.format(value);
|
|
18
|
+
let scaled = value / scale.threshold;
|
|
19
|
+
const roundedMagnitude = Math.round(Math.abs(scaled) * 100) / 100;
|
|
20
|
+
if (roundedMagnitude >= 1_000 && scale.suffix !== "B") {
|
|
21
|
+
const nextIndex = TOKEN_COUNT_SCALES.indexOf(scale) - 1;
|
|
22
|
+
scale = TOKEN_COUNT_SCALES[nextIndex] ?? scale;
|
|
23
|
+
scaled = value / scale.threshold;
|
|
24
|
+
}
|
|
25
|
+
const compact = new Intl.NumberFormat(locale, {
|
|
26
|
+
maximumFractionDigits: 2,
|
|
27
|
+
useGrouping: false,
|
|
28
|
+
});
|
|
29
|
+
return `${compact.format(scaled)}${scale.suffix}`;
|
|
30
|
+
}
|
|
31
|
+
export { formatTokenCount };
|
package/docs/activity.md
CHANGED
|
@@ -2,7 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
The system activity family has three motions. They describe ongoing system
|
|
4
4
|
operations across the website, Portal and Nadia. They do not represent an
|
|
5
|
-
Agent's identity, attention or personality.
|
|
5
|
+
Agent's identity, attention or personality. The separate [AgentOrb](agent-orb.md)
|
|
6
|
+
uses seven of the same upstream geometries for persistent identity, with one
|
|
7
|
+
chosen pigment instead of the system activity palette.
|
|
6
8
|
|
|
7
9
|
| Activity | Use when | Library motion |
|
|
8
10
|
| --- | --- | --- |
|