@kortix/ui 0.14.7 → 0.14.8

package/dist/customize/shared/new-entity-menu.js

@@ -30,7 +30,10 @@ export function RichRowBody({ icon: Glyph, title, description, }) {
  * A tab with one common case that needs no form leads with it (`quick`):
  * Connectors → "MCP server" (KRTX-2185).
  */
-export function NewEntityMenu({ label = 'New', size = 'sm', variant = 'secondary', caret = true, pending = false, onChat, manual, quick, }) {
+export function NewEntityMenu({ label = 'New', 
+// `default` is `h-9`, the height of the `size="sm"` search input every
+// Customize header puts beside it. `sm` (`h-8`) left the pair 4px apart.
+size = 'default', variant = 'secondary', caret = true, pending = false, onChat, manual, quick, }) {
     const tI18nComplete = useI18nTranslations('hardcodedUi.i18nComplete');
     if (!manual) {
         return (_jsxs(Button, { variant: variant, size: size, className: "gap-1.5", disabled: pending, onClick: onChat, children: [pending ? _jsx(Loading, { className: "size-4 shrink-0" }) : _jsx(PlusIcon, { className: "size-4" }), label] }));

package/dist/customize/skills/skills-page.js

@@ -96,10 +96,9 @@ export function SkillsPage({ projectId }) {
     // One control, two labels. The header has a title beside it and can be terse;
     // the empty state is the whole screen and has to name what it creates. Both
     // offer the same two ways in, so they cannot drift apart.
-    // `size="sm"` is `h-8` — the same height as the search input beside it in the
-    // header group. The Button default is `h-9`, which left the pair 4px
-    // mismatched on a row that is centred, so both edges were off.
-    const createButton = (label) => canWrite ? (_jsx(NewEntityMenu, { label: label, pending: configure.pending, onChat: () => configure.start(newConfigPrompt('skill')), manual: {
+    // The header button is `h-9`, the height of the `size="sm"` search input
+    // beside it. The empty state keeps `sm` to match its `sm` docs link.
+    const createButton = (label, size) => canWrite ? (_jsx(NewEntityMenu, { label: label, size: size, pending: configure.pending, onChat: () => configure.start(newConfigPrompt('skill')), manual: {
             label: tI18nComplete.raw('texta38668224f1a'),
             description: tI18nComplete.raw('textedac6130dac7'),
             onSelect: () => setFormOpen(true),
@@ -108,7 +107,7 @@ export function SkillsPage({ projectId }) {
                     // The copy invites an action, so the action is here — not only in
                     // the header. Docs stays as the secondary, for the reader who has
                     // no write permission and gets no primary at all.
-                    action: createButton('Create a skill'), secondaryAction: _jsx(Button, { asChild: true, variant: "ghost", size: "sm", className: "gap-1.5", children: _jsx("a", { href: "https://opencode.ai/docs/skills/", target: "_blank", rel: "noopener noreferrer", children: tI18nComplete.raw('text7af023c43013') }) }) })), children: filtered.map((skill) => (_jsx(CatalogCard, { title: skill.name, description: skill.description, onClick: () => setSelectedPath(skill.path) }, skill.path))) }), _jsx(EntityDetailModal, { projectId: projectId, entity: detail.record, kind: "skill", removable: true, open: detail.open, isResolving: detail.isResolving, onOpenChange: (next) => {
+                    action: createButton('Create a skill', 'sm'), secondaryAction: _jsx(Button, { asChild: true, variant: "ghost", size: "sm", className: "gap-1.5", children: _jsx("a", { href: "/docs/project/agents#skills", target: "_blank", rel: "noopener noreferrer", children: tI18nComplete.raw('text7af023c43013') }) }) })), children: filtered.map((skill) => (_jsx(CatalogCard, { title: skill.name, description: skill.description, onClick: () => setSelectedPath(skill.path) }, skill.path))) }), _jsx(EntityDetailModal, { projectId: projectId, entity: detail.record, kind: "skill", removable: true, open: detail.open, isResolving: detail.isResolving, onOpenChange: (next) => {
                     if (!next)
                         setSelectedPath(null);
                 } }), _jsx(NewSkillModal, { projectId: projectId, open: formOpen, onOpenChange: setFormOpen })] }));

package/dist/customize/triggers/schedule/then-fields.js

@@ -28,9 +28,5 @@ export function ThenFields({ agents, draft, patch, payloadSchema, error, }) {
             el?.setSelectionRange(at + insert.length, at + insert.length);
         });
     }
-    // An input-height field around the chat selectors, so Agent and Model line
-    // up with every other field. The selector's own button fills it, label left,
-    // caret right, like a Select trigger.
-    const panel = 'bg-popover border-border flex h-9 w-full items-center rounded-md border px-0.5 [&_button]:h-8 [&_button]:w-full [&_button]:justify-between';
-    return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Textarea, { value: draft.instruction, ref: promptRef, onChange: (e) => patch({ instruction: e.target.value }), "aria-label": tI18nComplete.raw('text112f3ccb1b36'), "aria-invalid": error ? true : undefined, placeholder: tI18nComplete.raw('text2438ee64fbf9'), rows: 3, className: "leading-relaxed" }), _jsx(InlineError, { message: error }), draft.kind === 'event' && draft.eventType ? (_jsx(PromptVariableHints, { payloadSchema: payloadSchema, onInsert: insertVariable })) : (_jsx("p", { className: "text-muted-foreground text-xs leading-relaxed text-pretty", children: tI18nComplete.raw('text03956d4b33dc') }))] }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { className: "text-xs", children: tI18nComplete.raw('text11b39c93777e') }), _jsx("div", { className: panel, children: _jsx(AgentSelector, { agents: agents, selectedAgent: draft.agent, triggerLabelClassName: "max-w-none", onSelect: (agent) => patch({ agent }) }) })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { className: "text-xs", children: tI18nComplete.raw('text5e2c614c23f0') }), _jsx("div", { className: panel, children: _jsx(ModelSelector, { models: models, providers: providers, selectedModel: draft.model, unsetLabel: tI18nComplete.raw('text57069bbd0d2e'), triggerLabelClassName: "max-w-none", onSelect: (model) => patch({ model }) }) })] })] })] }));
+    return (_jsxs("div", { className: "space-y-3", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Textarea, { value: draft.instruction, ref: promptRef, onChange: (e) => patch({ instruction: e.target.value }), "aria-label": tI18nComplete.raw('text112f3ccb1b36'), "aria-invalid": error ? true : undefined, placeholder: tI18nComplete.raw('text2438ee64fbf9'), rows: 3, className: "leading-relaxed" }), _jsx(InlineError, { message: error }), draft.kind === 'event' && draft.eventType ? (_jsx(PromptVariableHints, { payloadSchema: payloadSchema, onInsert: insertVariable })) : (_jsx("p", { className: "text-muted-foreground text-xs leading-relaxed text-pretty", children: tI18nComplete.raw('text03956d4b33dc') }))] }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [_jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { className: "text-xs", children: tI18nComplete.raw('text11b39c93777e') }), _jsx(AgentSelector, { agents: agents, selectedAgent: draft.agent, appearance: "field", onSelect: (agent) => patch({ agent }) })] }), _jsxs("div", { className: "space-y-1.5", children: [_jsx(Label, { className: "text-xs", children: tI18nComplete.raw('text5e2c614c23f0') }), _jsx(ModelSelector, { models: models, providers: providers, selectedModel: draft.model, unsetLabel: tI18nComplete.raw('text57069bbd0d2e'), appearance: "field", onSelect: (model) => patch({ model }) })] })] })] }));
 }

package/dist/customize/triggers/schedule-view.js

@@ -84,7 +84,9 @@ export function TriggerToolbarMenu({ canManage, paused, isPending, onToggle, onS
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     if (!canManage)
         return null;
-    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", size: "icon-base", disabled: isPending, "aria-label": tI18nComplete.raw('textd47d7cb0e4f8'), children: _jsx(DotsThreeIcon, { className: "text-muted-foreground size-4 shrink-0" }) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-76", children: [_jsx(DropdownMenuItem, { className: RICH_ROW_CLASS, disabled: paused, onSelect: () => onToggle(true), children: _jsx(RichRowBody, { icon: PauseIcon, title: tI18nComplete.raw('text0b6258b50010'), description: tI18nComplete.raw('textdae75dce541f') }) }), _jsx(DropdownMenuItem, { className: RICH_ROW_CLASS, disabled: !paused, onSelect: () => onToggle(false), children: _jsx(RichRowBody, { icon: PlayIcon, title: tI18nComplete.raw('text43e673c5503d'), description: tI18nComplete.raw('textced57bebd466') }) }), onSelectMode ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onSelect: onSelectMode, children: [_jsx(CheckSquareIcon, {}), tI18nComplete.raw('text2a78025de6aa')] })] })) : null] })] }));
+    return (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { variant: "secondary", size: "icon-base", 
+                    // `size-9`: the New trigger button and the search input beside it are `h-9`.
+                    className: "size-9", disabled: isPending, "aria-label": tI18nComplete.raw('textd47d7cb0e4f8'), children: _jsx(DotsThreeIcon, { className: "text-muted-foreground size-4 shrink-0" }) }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-76", children: [_jsx(DropdownMenuItem, { className: RICH_ROW_CLASS, disabled: paused, onSelect: () => onToggle(true), children: _jsx(RichRowBody, { icon: PauseIcon, title: tI18nComplete.raw('text0b6258b50010'), description: tI18nComplete.raw('textdae75dce541f') }) }), _jsx(DropdownMenuItem, { className: RICH_ROW_CLASS, disabled: !paused, onSelect: () => onToggle(false), children: _jsx(RichRowBody, { icon: PlayIcon, title: tI18nComplete.raw('text43e673c5503d'), description: tI18nComplete.raw('textced57bebd466') }) }), onSelectMode ? (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { onSelect: onSelectMode, children: [_jsx(CheckSquareIcon, {}), tI18nComplete.raw('text2a78025de6aa')] })] })) : null] })] }));
 }
 /**
  * The project-wide pause switch (`PATCH /projects/:id/triggers/activation`):
@@ -387,7 +389,7 @@ export function ScheduleView({ projectId }) {
                        Both are hidden until the list has loaded — neither means anything
                        on an error or a 403. */
                         showContent ? (
-                        // Search, then one group: ⋯ and New trigger, both `secondary` at `h-8`.
+                        // Search, then one group: ⋯ and New trigger, both `secondary` at `h-9`, the search input's height.
                         _jsxs(ButtonGroup, { children: [triggers.length > 0 || paused ? (_jsx(TriggerActivationMenu, { projectId: projectId, onSelectMode: triggers.length > 0 ? enterSelectMode : undefined })) : null, canWrite ? (_jsx(NewEntityMenu, { label: copy.createLabel, pending: configure.pending, onChat: () => configure.start(newConfigPrompt('trigger')), manual: { onSelect: () => openCreate() }, caret: false })) : null] })) : undefined, children: [_jsxs("div", { className: "space-y-4", children: [accountPaused && showContent && (_jsxs(Alert, { variant: "warning", children: [_jsx(AlertTitle, { children: tAutomations('bannerTitle') }), _jsx(AlertDescription, { children: tAutomations('bannerDescription') })] })), paused && showContent && (_jsxs(Alert, { variant: "warning", children: [_jsx(AlertTitle, { children: tI18nComplete.raw('textb18b93a52cd2') }), _jsx(AlertDescription, { children: tI18nComplete.raw('textc9e9d972eda2') }), controls.canUpdate ? (_jsx(AlertActions, { children: _jsxs(Button, { variant: "outline", size: "sm", disabled: resumeAll.isPending, onClick: () => resumeAll.mutate(false), children: [resumeAll.isPending ? _jsx(Loading, { className: "size-3.5 shrink-0" }) : null, tI18nComplete.raw('text43e673c5503d')] }) })) : null] })), triggersQuery.isLoading ? (_jsx("div", { className: "space-y-1", children: Array.from({ length: 5 }).map((_, i) => (
                                         // biome-ignore lint/suspicious/noArrayIndexKey: fixed-length placeholder
                                         _jsx(Skeleton, { className: "h-10 rounded-md" }, i))) })) : isForbidden ? (_jsxs(Alert, { variant: "warning", children: [_jsx(AlertTitle, { children: tI18nComplete.raw('textabb84be05cfa') }), _jsxs(AlertDescription, { children: [tI18nComplete.raw('text22cd1f210415'), " ", copy.noun, tI18nComplete.raw('text382584f2456e')] })] })) : triggersQuery.isError ? (_jsx(ErrorState, { size: "sm", title: tI18nComplete('text7ce02a51e3dd', { value0: copy.noun }), description: triggersQuery.error?.message ?? tI18nComplete.raw('text0c953ab32c60'), action: _jsx(Button, { variant: "outline", size: "sm", onClick: () => triggersQuery.refetch(), children: tI18nComplete.raw('textd8b8392e2c54') }) })) : filter !== 'all' && ofKind.length === 0 ? (_jsx(EmptyState, { size: "sm", title: kindCopy[filter].emptyTitle })) : triggers.length === 0 ? (_jsx(EmptyState, { icon: LightningIcon, title: copy.emptyTitle, description: copy.emptyBody, className: "py-12", action: canWrite ? (_jsxs(Button, { variant: "outline", size: "sm", className: "gap-1.5", onClick: () => openCreate(), children: [_jsx(PlusIcon, { className: "size-4 shrink-0" }), copy.createLabel] })) : undefined })) : filtered.length === 0 ? (_jsxs("p", { className: "text-muted-foreground px-3 py-6 text-center text-xs", children: [tI18nComplete.raw('text965b516df3ba'), ' ', _jsx("span", { className: "text-foreground font-medium", children: debouncedQuery }), "."] })) : (_jsx(TriggerList, { triggers: filtered, groups: appGroups, eventNames: eventNames, projectPaused: paused, selectedSlug: selected?.slug ?? null, runningSlug: run.isPending ? (run.variables?.slug ?? null) : liveSlug, onOpen: (t) => openTrigger(t.slug), selection: selectMode

package/dist/i18n/en.d.ts

@@ -1,12 +1,4 @@
 declare const catalog: {
-    agentNavPrototype: {
-        variantRail: string;
-        variantTabs: string;
-        variantGroups: string;
-        variantInline: string;
-        previousVariant: string;
-        nextVariant: string;
-    };
     repositoryDisconnected: {
         title: string;
         reconnect: string;
@@ -795,10 +787,6 @@ declare const catalog: {
                     name: string;
                     description: string;
                 };
-                pi_harness: {
-                    name: string;
-                    description: string;
-                };
                 genui: {
                     name: string;
                     description: string;
@@ -843,6 +831,10 @@ declare const catalog: {
                     name: string;
                     description: string;
                 };
+                workspace_volume: {
+                    name: string;
+                    description: string;
+                };
             };
         };
         upgrades: {
@@ -7251,5 +7243,61 @@ declare const catalog: {
         manage: string;
         overviewTitle: string;
     };
+    connectAppForm: {
+        title: string;
+        description: string;
+        loading: string;
+        stepsTitle: string;
+        step1: string;
+        step2: string;
+        step3: string;
+        step4: string;
+        sameOrganization: string;
+        storeLabel: string;
+        clientIdLabel: string;
+        clientSecretLabel: string;
+        submit: string;
+        connecting: string;
+        missingFields: string;
+        failed: string;
+        secretNote: string;
+        connectedTitle: string;
+        connectedDescription: string;
+        closeWindow: string;
+        expiredTitle: string;
+        invalidTitle: string;
+        staleTitle: string;
+        startAgain: string;
+    };
+    turnShare: {
+        shareResponse: string;
+        whatToInclude: string;
+        responseOnly: string;
+        responseOnlyHint: string;
+        promptAndResponse: string;
+        promptAndResponseHint: string;
+        publicLink: string;
+        publicLinkHint: string;
+        turnOffLink: string;
+        cancel: string;
+        copyLink: string;
+        copied: string;
+        linkCopied: string;
+        linkUpdated: string;
+        responseShared: string;
+        stale: string;
+        updateLink: string;
+        loadError: string;
+        shareError: string;
+        unshareError: string;
+        copyError: string;
+        tryKortix: string;
+        goneTitle: string;
+        goneHint: string;
+        busyTitle: string;
+        busyHint: string;
+        fallbackTitle: string;
+        stopNote: string;
+    };
 };
 export default catalog;

package/dist/i18n/en.js

@@ -1,13 +1,5 @@
 // Generated by scripts/gen-i18n-catalog.mjs from apps/web/translations/en.json. Do not edit.
 const catalog = {
-    "agentNavPrototype": {
-        "variantRail": "Left rail (today)",
-        "variantTabs": "Grouped underline tabs",
-        "variantGroups": "Group switch + tabs",
-        "variantInline": "Vertical tabs with values",
-        "previousVariant": "Previous variant",
-        "nextVariant": "Next variant"
-    },
     "repositoryDisconnected": {
         "title": "GitHub disconnected",
         "reconnect": "Reconnect GitHub",
@@ -796,10 +788,6 @@ const catalog = {
                     "name": "Pooled Provider Secrets",
                     "description": "Members connect their own ChatGPT subscriptions and provider keys, share them when needed, and choose which ones each session uses."
                 },
-                "pi_harness": {
-                    "name": "Pi Harness (in-sandbox)",
-                    "description": "Run sessions on the pi harness inside the session sandbox instead of OpenCode. Off, `runtime: pi` in the manifest still selects pi."
-                },
                 "genui": {
                     "name": "Generative UI",
                     "description": "The agent may answer with cards, comparisons, charts, maps, and tabs instead of long text."
@@ -843,6 +831,10 @@ const catalog = {
                 "goals": {
                     "name": "Goals",
                     "description": "Give an agent an objective it owns until an independent check confirms the outcome. It plans, works, waits, follows up with people, and keeps its state in a Goals folder in Files. Needs Volumes and Reminders on."
+                },
+                "workspace_volume": {
+                    "name": "Workspace volume",
+                    "description": "Keeps each new session's /workspace on its own volume, so a stopped sandbox can be deleted and the next open boots a new one on the same files and conversation. Kortix enables it per project."
                 }
             }
         },
@@ -1351,8 +1343,8 @@ const catalog = {
         }
     },
     "sessionDelete": {
-        "description": "Deletes <name>{label}</name> and removes its sandbox. You can restore it from Recently deleted for {days} days. After that, its messages and files are deleted. Its branch is kept.",
-        "bulkDescription": "Deletes each selected session and removes its sandbox. You can restore each one from Recently deleted for {days} days. After that, its messages and files are deleted. Its branch is kept.",
+        "description": "Deletes <name>{label}</name> and removes its sandbox. You can restore it from Recently deleted for {days} days. After that, its messages, files and branch are deleted.",
+        "bulkDescription": "Deletes each selected session and removes its sandbox. You can restore each one from Recently deleted for {days} days. After that, its messages, files and branch are deleted.",
         "restoring": "Restoring the session…",
         "undo": "Undo",
         "restored": "Session restored",
@@ -7251,6 +7243,62 @@ const catalog = {
     "agentEditor": {
         "manage": "Manage",
         "overviewTitle": "Overview"
+    },
+    "connectAppForm": {
+        "title": "Connect Shopify",
+        "description": "Kortix reaches your store through a Shopify app in your organization. Enter its credentials once.",
+        "loading": "Loading the form…",
+        "stepsTitle": "Create the app in Shopify",
+        "step1": "Open the <link>Shopify Dev Dashboard</link> and create an app in the organization that owns your store.",
+        "step2": "On the app's version, select the Admin API scopes your agents need, then release the version.",
+        "step3": "Install the app on your store.",
+        "step4": "Copy the Client ID and Client secret from the app's Settings.",
+        "sameOrganization": "The app and the store must be in the same Shopify organization.",
+        "storeLabel": "Store",
+        "clientIdLabel": "Client ID",
+        "clientSecretLabel": "Client secret",
+        "submit": "Connect {app}",
+        "connecting": "Connecting…",
+        "missingFields": "Enter the store, the Client ID and the Client secret.",
+        "failed": "Could not connect. Check your connection and try again.",
+        "secretNote": "Kortix sends the secret to Composio, which runs the connection. Kortix keeps no copy.",
+        "connectedTitle": "{app} is connected",
+        "connectedDescription": "Kortix reaches {store}. You can close this window.",
+        "closeWindow": "You can close this window.",
+        "expiredTitle": "This link expired",
+        "invalidTitle": "This link does not work",
+        "staleTitle": "This link was replaced",
+        "startAgain": "Start Connect again in Kortix."
+    },
+    "turnShare": {
+        "shareResponse": "Share response",
+        "whatToInclude": "What to include",
+        "responseOnly": "Response only",
+        "responseOnlyHint": "Your prompt stays private",
+        "promptAndResponse": "Prompt and response",
+        "promptAndResponseHint": "Includes the prompt",
+        "publicLink": "Public link",
+        "publicLinkHint": "Anyone with the link can read it",
+        "turnOffLink": "Turn off link",
+        "cancel": "Cancel",
+        "copyLink": "Copy link",
+        "copied": "Copied",
+        "linkCopied": "Link copied",
+        "linkUpdated": "Link updated",
+        "responseShared": "Response shared",
+        "stale": "Response changed since you shared it",
+        "updateLink": "Update link",
+        "loadError": "Could not load the share settings. Try again.",
+        "shareError": "Could not share the response. Try again.",
+        "unshareError": "Could not stop sharing. Try again.",
+        "copyError": "Could not copy the link. Copy it from the field.",
+        "tryKortix": "Try Kortix",
+        "goneTitle": "This link is no longer active",
+        "goneHint": "The response it pointed to is no longer public.",
+        "busyTitle": "This page is busy",
+        "busyHint": "Refresh in a moment.",
+        "fallbackTitle": "Shared response",
+        "stopNote": "The link will stop working."
     }
 };
 export default catalog;

package/dist/internal/components/agent-mark.d.ts

@@ -0,0 +1,38 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+import type { CSSProperties } from 'react';
+/** Mark size → tile size. The mark is a multiple of 7, so each pixel lands on
+ *  whole device pixels; any other size blurs the edges. Literal px because
+ *  this repo's spacing scale is 0.23rem (`size-14` is 51.5px, not 56px). */
+declare const TILE: {
+    readonly 14: 20;
+    readonly 21: 28;
+    readonly 28: 40;
+    readonly 42: 56;
+    readonly 56: 80;
+};
+export type AgentMarkSize = keyof typeof TILE;
+/**
+ * The tile colours as CSS variables. `light-dark()` follows the
+ * `color-scheme` each theme sets in tokens.css, so one pair covers both themes.
+ * Set on the element that paints the tile; `AgentMarkGlyph` reads `--mark-ink`.
+ */
+export declare function agentMarkVars(slug: string): CSSProperties;
+/** The bare pixel figure, painted with `--mark-ink` from an ancestor. */
+export declare function AgentMarkGlyph({ slug, size }: {
+    slug: string;
+    size: AgentMarkSize;
+}): import("react").JSX.Element;
+/**
+ * An agent's pixel mark on its tile — the agent's face wherever it appears:
+ * pickers, rows, chips. Same slug, same mark (see `pixel-mark.ts`).
+ */
+export declare function AgentMark({ slug, size, tile, label, className, }: {
+    slug: string;
+    size?: AgentMarkSize;
+    /** Tile edge in px, when the tile must match a neighbour's height. */
+    tile?: number;
+    /** The hover hint. Defaults to the agent's display name. */
+    label?: string;
+    className?: string;
+}): import("react").JSX.Element;
+export {};

package/dist/internal/components/agent-mark.js

@@ -0,0 +1,38 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+import { Hint } from '../../primitives/hint.js';
+import { capitalizeWords, isMetaAgentName, META_AGENT_DISPLAY_NAME } from '../../_vendor/kortix-shared.js';
+import { PIXEL_MARK_SIZE, pixelMark } from '../lib/pixel-mark.js';
+/** Mark size → tile size. The mark is a multiple of 7, so each pixel lands on
+ *  whole device pixels; any other size blurs the edges. Literal px because
+ *  this repo's spacing scale is 0.23rem (`size-14` is 51.5px, not 56px). */
+const TILE = { 14: 20, 21: 28, 28: 40, 42: 56, 56: 80 };
+/**
+ * The tile colours as CSS variables. `light-dark()` follows the
+ * `color-scheme` each theme sets in tokens.css, so one pair covers both themes.
+ * Set on the element that paints the tile; `AgentMarkGlyph` reads `--mark-ink`.
+ */
+export function agentMarkVars(slug) {
+    const { tone } = pixelMark(slug);
+    return {
+        '--mark-tile': `light-dark(${tone.tile}, ${tone.tileDark})`,
+        '--mark-ink': `light-dark(${tone.ink}, ${tone.inkDark})`,
+    };
+}
+/** The bare pixel figure, painted with `--mark-ink` from an ancestor. */
+export function AgentMarkGlyph({ slug, size }) {
+    return (_jsx("svg", { "aria-hidden": true, width: size, height: size, viewBox: `0 0 ${PIXEL_MARK_SIZE} ${PIXEL_MARK_SIZE}`, shapeRendering: "crispEdges", className: "shrink-0", children: _jsx("path", { d: pixelMark(slug).path, className: "fill-(--mark-ink)" }) }));
+}
+/**
+ * An agent's pixel mark on its tile — the agent's face wherever it appears:
+ * pickers, rows, chips. Same slug, same mark (see `pixel-mark.ts`).
+ */
+export function AgentMark({ slug, size = 14, tile = TILE[size], label, className, }) {
+    // A mark is a face, not a name: the hover hint says whose face it is.
+    const mark = (_jsx("span", { "aria-hidden": true, style: { ...agentMarkVars(slug), width: tile, height: tile }, className: cn('inline-flex shrink-0 items-center justify-center bg-(--mark-tile)', size >= 28 ? 'rounded-md' : 'rounded-sm', className), children: _jsx(AgentMarkGlyph, { slug: slug, size: size }) }));
+    return (_jsx(Hint, { side: "top", sideOffset: 6, alignOffset: 0, label: label ?? agentLabel(slug), children: mark }));
+}
+function agentLabel(slug) {
+    return isMetaAgentName(slug) ? META_AGENT_DISPLAY_NAME : capitalizeWords(slug);
+}

package/dist/internal/lib/pixel-mark.d.ts

@@ -0,0 +1,33 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+/**
+ * An agent's pixel mark: a 7×7 mirrored pixel figure derived from its slug.
+ *
+ * Same slug, same mark, on every surface and every device. Nothing is stored:
+ * the slug is hashed (FNV-1a), the hash seeds a PRNG (mulberry32), the PRNG
+ * fills the left half of the grid against a density mask, and the half is
+ * mirrored. A draw that fails the quality gate is redrawn from a salted seed,
+ * so retries stay deterministic. The tone comes from a second hash.
+ *
+ * Changing SIZE, MASK, the gate or PALETTES changes every agent's mark — the
+ * golden test in `pixel-mark.test.ts` exists to make that a deliberate act.
+ */
+export declare const PIXEL_MARK_SIZE = 7;
+export interface PixelMarkTone {
+    name: string;
+    tile: string;
+    ink: string;
+    /** Dark theme: the pair inverts, so the tile stays visible on a dark page. */
+    tileDark: string;
+    inkDark: string;
+}
+export declare const PIXEL_MARK_TONES: readonly PixelMarkTone[];
+type Grid = boolean[][];
+export declare function fnv1a(input: string): number;
+/** Readable at 14px, fills the frame, one connected body. */
+export declare function passesPixelMarkGate(grid: Grid): boolean;
+export declare function pixelMark(slug: string): {
+    grid: Grid;
+    path: string;
+    tone: PixelMarkTone;
+};
+export {};

package/dist/internal/lib/pixel-mark.js

@@ -0,0 +1,152 @@
+/**
+ * An agent's pixel mark: a 7×7 mirrored pixel figure derived from its slug.
+ *
+ * Same slug, same mark, on every surface and every device. Nothing is stored:
+ * the slug is hashed (FNV-1a), the hash seeds a PRNG (mulberry32), the PRNG
+ * fills the left half of the grid against a density mask, and the half is
+ * mirrored. A draw that fails the quality gate is redrawn from a salted seed,
+ * so retries stay deterministic. The tone comes from a second hash.
+ *
+ * Changing SIZE, MASK, the gate or PALETTES changes every agent's mark — the
+ * golden test in `pixel-mark.test.ts` exists to make that a deliberate act.
+ */
+export const PIXEL_MARK_SIZE = 7;
+const HALF = 4;
+const MAX_ATTEMPTS = 256;
+// Fill chance per cell, outer edge → spine. Dense centre, sparse edges, so the
+// mirrored result reads as one body.
+const MASK = [
+    [0.15, 0.3, 0.45, 0.55],
+    [0.3, 0.5, 0.6, 0.7],
+    [0.4, 0.6, 0.65, 0.7],
+    [0.5, 0.65, 0.7, 0.75],
+    [0.4, 0.55, 0.6, 0.65],
+    [0.3, 0.45, 0.5, 0.5],
+    [0.2, 0.35, 0.4, 0.35],
+];
+const tone = (name, tile, ink) => ({
+    name,
+    tile,
+    ink,
+    tileDark: ink,
+    inkDark: tile,
+});
+export const PIXEL_MARK_TONES = [
+    tone('graphite', '#EDEDED', '#191919'),
+    tone('sand', '#F1EBDD', '#6B5A3A'),
+    tone('moss', '#E6EDE0', '#3F5A33'),
+    tone('sea', '#E2ECF0', '#2E5566'),
+    tone('blue', '#E6EEFF', '#2457C5'),
+    tone('plum', '#EEE6F0', '#5E3A68'),
+    tone('clay', '#F3E6E0', '#7A4532'),
+    tone('slate', '#E4E7EC', '#3B4656'),
+];
+/** The built-in agent and the platform's Meta agent keep the brand tile. */
+const BRAND = {
+    name: 'brand',
+    tile: '#1F1F1F',
+    ink: '#FFFFFF',
+    tileDark: '#2C2C2C',
+    inkDark: '#FFFFFF',
+};
+const RESERVED = { kortix: BRAND, meta: BRAND };
+export function fnv1a(input) {
+    let h = 0x811c9dc5;
+    for (let i = 0; i < input.length; i++) {
+        h ^= input.charCodeAt(i);
+        h = Math.imul(h, 0x01000193);
+    }
+    return h >>> 0;
+}
+function mulberry32(seed) {
+    let a = seed;
+    return () => {
+        a = (a + 0x6d2b79f5) | 0;
+        let t = Math.imul(a ^ (a >>> 15), 1 | a);
+        t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t;
+        return ((t ^ (t >>> 14)) >>> 0) / 4294967296;
+    };
+}
+function draw(seed) {
+    const rand = mulberry32(seed);
+    return MASK.map((row) => {
+        const half = row.map((p) => rand() < p);
+        return [...half, half[2], half[1], half[0]];
+    });
+}
+function largestComponent(grid) {
+    const seen = grid.map((row) => row.map(() => false));
+    let best = 0;
+    for (let r = 0; r < PIXEL_MARK_SIZE; r++)
+        for (let c = 0; c < PIXEL_MARK_SIZE; c++) {
+            if (!grid[r][c] || seen[r][c])
+                continue;
+            let size = 0;
+            const stack = [[r, c]];
+            seen[r][c] = true;
+            while (stack.length) {
+                const [y, x] = stack.pop();
+                size++;
+                for (const [ny, nx] of [[y + 1, x], [y - 1, x], [y, x + 1], [y, x - 1]]) {
+                    if (grid[ny]?.[nx] && !seen[ny][nx]) {
+                        seen[ny][nx] = true;
+                        stack.push([ny, nx]);
+                    }
+                }
+            }
+            best = Math.max(best, size);
+        }
+    return best;
+}
+function hasIsolatedPixel(grid) {
+    return grid.some((row, r) => row.some((on, c) => {
+        if (!on)
+            return false;
+        for (let dy = -1; dy <= 1; dy++)
+            for (let dx = -1; dx <= 1; dx++)
+                if ((dy || dx) && grid[r + dy]?.[c + dx])
+                    return false;
+        return true;
+    }));
+}
+/** Readable at 14px, fills the frame, one connected body. */
+export function passesPixelMarkGate(grid) {
+    const filled = grid.flat().filter(Boolean).length;
+    if (filled < 18 || filled > 30)
+        return false;
+    const rows = grid.filter((row) => row.some(Boolean)).length;
+    const cols = grid[0].filter((_, c) => grid.some((row) => row[c])).length;
+    if (rows < 5 || cols < 5)
+        return false;
+    if (grid.filter((row) => row.every(Boolean)).length > 1)
+        return false;
+    if (grid.filter((row) => row[HALF - 1]).length < 3)
+        return false;
+    if (hasIsolatedPixel(grid))
+        return false;
+    return largestComponent(grid) >= Math.ceil(filled * 0.85);
+}
+/** One SVG path, horizontal runs merged. Render in `viewBox="0 0 7 7"`. */
+function toPath(grid) {
+    let d = '';
+    grid.forEach((row, y) => {
+        for (let x = 0; x < PIXEL_MARK_SIZE;) {
+            if (!row[x]) {
+                x++;
+                continue;
+            }
+            const start = x;
+            while (x < PIXEL_MARK_SIZE && row[x])
+                x++;
+            d += `M${start} ${y}h${x - start}v1h-${x - start}z`;
+        }
+    });
+    return d;
+}
+export function pixelMark(slug) {
+    let grid = draw(fnv1a(slug));
+    for (let attempt = 1; !passesPixelMarkGate(grid) && attempt < MAX_ATTEMPTS; attempt++)
+        grid = draw(fnv1a(`${slug}:${attempt}`));
+    const tone = RESERVED[slug] ?? PIXEL_MARK_TONES[fnv1a(`${slug}#tone`) % PIXEL_MARK_TONES.length];
+    return { grid, path: toPath(grid), tone };
+}

package/dist/internal/lib/use-project-feature-flags.js

@@ -30,7 +30,6 @@ export function useProjectFeatureFlags(projectId) {
     const warmSessions = useFeatureFlag(projectId, 'warm_sessions');
     const secretsEgress = useFeatureFlag(projectId, 'secrets_egress');
     const pooledProviderSecrets = useFeatureFlag(projectId, 'pooled_provider_secrets');
-    const piHarness = useFeatureFlag(projectId, 'pi_harness');
     const genui = useFeatureFlag(projectId, 'genui');
     const usRegion = useFeatureFlag(projectId, 'us_region');
     const eventTriggers = useFeatureFlag(projectId, 'event_triggers');
@@ -42,6 +41,7 @@ export function useProjectFeatureFlags(projectId) {
     const connectorsV2 = useFeatureFlag(projectId, 'connectors_v2');
     const agentRooms = useFeatureFlag(projectId, 'agent_rooms');
     const goals = useFeatureFlag(projectId, 'goals');
+    const workspaceVolume = useFeatureFlag(projectId, 'workspace_volume');
     return {
         flags: {
             marketplace: marketplace.enabled,
@@ -53,7 +53,6 @@ export function useProjectFeatureFlags(projectId) {
             warm_sessions: warmSessions.enabled,
             secrets_egress: secretsEgress.enabled,
             pooled_provider_secrets: pooledProviderSecrets.enabled,
-            pi_harness: piHarness.enabled,
             genui: genui.enabled,
             us_region: usRegion.enabled,
             event_triggers: eventTriggers.enabled,
@@ -65,8 +64,9 @@ export function useProjectFeatureFlags(projectId) {
             connectors_v2: connectorsV2.enabled,
             agent_rooms: agentRooms.enabled,
             goals: goals.enabled,
+            workspace_volume: workspaceVolume.enabled,
         },
         // The trailing hook's loading state — keep this on the LAST hook above.
-        isLoading: goals.isLoading,
+        isLoading: workspaceVolume.isLoading,
     };
 }

package/dist/markdown/genui/components/inline.d.ts

@@ -12,6 +12,6 @@ export declare const genuiBadgeClass: (tone: BadgeTone) => string;
 export declare function GenuiBadge({ props }: GenuiComponentProps): import("react").JSX.Element;
 export declare function GenuiCallout({ props }: GenuiComponentProps): import("react").JSX.Element;
 /** Set inside an image gallery (layout.tsx): the tile sizes the image, which covers it. A `tile` shows its caption on hover. */
-export declare const GenuiImageGridContext: import("react").Context<false | "lead" | "tile">;
+export declare const GenuiImageGridContext: import("react").Context<false | "tile" | "lead">;
 export declare function GenuiImage({ props }: GenuiComponentProps): import("react").JSX.Element;
 export declare function GenuiLink({ props }: GenuiComponentProps): import("react").JSX.Element;

package/dist/markdown/setup-links/app-credentials-form.d.ts

@@ -0,0 +1,12 @@
+/**
+ * The form behind an own-app connect link (`/connect/app/[token]`): the app's
+ * client credentials and the store, for a Composio toolkit that runs on the
+ * customer's own app. Shopify is the one such app today.
+ *
+ * The page opens in the connect popup. The window that opened it polls the
+ * connection, so after a success this window only confirms and closes itself
+ * (or follows the native app's return link).
+ */
+export declare function AppCredentialsForm({ token }: {
+    token: string;
+}): import("react").JSX.Element;