@kortix/ui 0.0.0-stage → 0.14.4

package/dist/internal/hooks/use-stable-callback.js

@@ -0,0 +1,22 @@
+'use client';
+import { useCallback, useInsertionEffect, useRef } from 'react';
+/**
+ * A function whose identity never changes and which always calls the latest
+ * `fn` the component rendered with.
+ *
+ * For handlers passed into memoized children that are only invoked from
+ * events (a click, a reply), never during render. `useCallback` alone keeps
+ * the identity only while its dependencies hold, and a handler that closes
+ * over the live transcript changes on every streamed delta — which re-rendered
+ * every memoized turn in the transcript at the stream's rate.
+ *
+ * The ref is updated in an insertion effect, so it is current before any
+ * layout effect or event handler of the same commit runs.
+ */
+export function useStableCallback(fn) {
+    const ref = useRef(fn);
+    useInsertionEffect(() => {
+        ref.current = fn;
+    });
+    return useCallback((...args) => ref.current(...args), []);
+}

package/dist/internal/icons/claude-code.d.ts

@@ -0,0 +1,5 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+/** The Claude Code mark: the pixel critter in Claude orange. */
+export declare const ClaudeCode: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/internal/icons/claude-code.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+// Third-party brand colors, from the vendor's mark.
+const CLAUDE_ORANGE = '#D97757';
+/** The Claude Code mark: the pixel critter in Claude orange. */
+export const ClaudeCode = ({ className }) => (_jsx("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", className: cn('size-4', className), children: _jsx("path", { fill: CLAUDE_ORANGE, d: "M21 10.5h3v3h-3v3h-1.5v3H18v-3h-1.5v3H15v-3H9v3H7.5v-3H6v3H4.5v-3H3v-3H0v-3h3v-6h18Zm-15 0h1.5v-3H6Zm10.5 0H18v-3h-1.5z" }) }));

package/dist/internal/icons/claude.d.ts

@@ -0,0 +1,4 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+export declare const Claude: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/internal/icons/claude.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+import { useTranslations } from '../../i18n/index.js';
+export const Claude = ({ className }) => {
+    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
+    return (_jsxs("svg", { viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", className: cn('size-4', className), children: [_jsx("title", { children: tI18nComplete.raw('text0615570f9ea1') }), _jsx("path", { d: "M4.709 15.955l4.72-2.647.08-.23-.08-.128H9.2l-.79-.048-2.698-.073-2.339-.097-2.266-.122-.571-.121L0 11.784l.055-.352.48-.321.686.06 1.52.103 2.278.158 1.652.097 2.449.255h.389l.055-.157-.134-.098-.103-.097-2.358-1.596-2.552-1.688-1.336-.972-.724-.491-.364-.462-.158-1.008.656-.722.881.06.225.061.893.686 1.908 1.476 2.491 1.833.365.304.145-.103.019-.073-.164-.274-1.355-2.446-1.446-2.49-.644-1.032-.17-.619a2.97 2.97 0 01-.104-.729L6.283.134 6.696 0l.996.134.42.364.62 1.414 1.002 2.229 1.555 3.03.456.898.243.832.091.255h.158V9.01l.128-1.706.237-2.095.23-2.695.08-.76.376-.91.747-.492.584.28.48.685-.067.444-.286 1.851-.559 2.903-.364 1.942h.212l.243-.242.985-1.306 1.652-2.064.73-.82.85-.904.547-.431h1.033l.76 1.129-.34 1.166-1.064 1.347-.881 1.142-1.264 1.7-.79 1.36.073.11.188-.02 2.856-.606 1.543-.28 1.841-.315.833.388.091.395-.328.807-1.969.486-2.309.462-3.439.813-.042.03.049.061 1.549.146.662.036h1.622l3.02.225.79.522.474.638-.079.485-1.215.62-1.64-.389-3.829-.91-1.312-.329h-.182v.11l1.093 1.068 2.006 1.81 2.509 2.33.127.578-.322.455-.34-.049-2.205-1.657-.851-.747-1.926-1.62h-.128v.17l.444.649 2.345 3.521.122 1.08-.17.353-.608.213-.668-.122-1.374-1.925-1.415-2.167-1.143-1.943-.14.08-.674 7.254-.316.37-.729.28-.607-.461-.322-.747.322-1.476.389-1.924.315-1.53.286-1.9.17-.632-.012-.042-.14.018-1.434 1.967-2.18 2.945-1.726 1.845-.414.164-.717-.37.067-.662.401-.589 2.388-3.036 1.44-1.882.93-1.086-.006-.158h-.055L4.132 18.56l-1.13.146-.487-.456.061-.746.231-.243 1.908-1.312-.006.006z", fill: "#D97757", fillRule: "nonzero" })] }));
+};

package/dist/internal/icons/codex.d.ts

@@ -0,0 +1,5 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+/** The Codex mark: the gradient prompt cloud, no tile. */
+export declare const Codex: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/internal/icons/codex.js

@@ -0,0 +1,14 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId } from 'react';
+import { cn } from '../lib/utils.js';
+// Third-party brand colors, from the vendor's mark.
+const GRADIENT_TOP = '#B1A7FF';
+const GRADIENT_MID = '#7A9DFF';
+const GRADIENT_BOTTOM = '#3941FF';
+/** The Codex mark: the gradient prompt cloud, no tile. */
+export const Codex = ({ className }) => {
+    // One gradient id per instance: two marks on a page must not share a `url(#…)`.
+    const gradient = useId();
+    return (_jsxs("svg", { viewBox: "2.5 2.5 19 19", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", className: cn('size-4', className), children: [_jsx("path", { d: "M9.064 3.344a4.578 4.578 0 012.285-.312c1 .115 1.891.54 2.673 1.275.01.01.024.017.037.021a.09.09 0 00.043 0 4.55 4.55 0 013.046.275l.047.022.116.057a4.581 4.581 0 012.188 2.399c.209.51.313 1.041.315 1.595a4.24 4.24 0 01-.134 1.223.123.123 0 00.03.115c.594.607.988 1.33 1.183 2.17.289 1.425-.007 2.71-.887 3.854l-.136.166a4.548 4.548 0 01-2.201 1.388.123.123 0 00-.081.076c-.191.551-.383 1.023-.74 1.494-.9 1.187-2.222 1.846-3.711 1.838-1.187-.006-2.239-.44-3.157-1.302a.107.107 0 00-.105-.024c-.388.125-.78.143-1.204.138a4.441 4.441 0 01-1.945-.466 4.544 4.544 0 01-1.61-1.335c-.152-.202-.303-.392-.414-.617a5.81 5.81 0 01-.37-.961 4.582 4.582 0 01-.014-2.298.124.124 0 00.006-.056.085.085 0 00-.027-.048 4.467 4.467 0 01-1.034-1.651 3.896 3.896 0 01-.251-1.192 5.189 5.189 0 01.141-1.6c.337-1.112.982-1.985 1.933-2.618.212-.141.413-.251.601-.33.215-.089.43-.164.646-.227a.098.098 0 00.065-.066 4.51 4.51 0 01.829-1.615 4.535 4.535 0 011.837-1.388zm3.482 10.565a.637.637 0 000 1.272h3.636a.637.637 0 100-1.272h-3.636zM8.462 9.23a.637.637 0 00-1.106.631l1.272 2.224-1.266 2.136a.636.636 0 101.095.649l1.454-2.455a.636.636 0 00.005-.64L8.462 9.23z", fill: `url(#${gradient})` }), _jsx("defs", { children: _jsxs("linearGradient", { gradientUnits: "userSpaceOnUse", id: gradient, x1: "12", x2: "12", y1: "3", y2: "21", children: [_jsx("stop", { stopColor: GRADIENT_TOP }), _jsx("stop", { offset: ".5", stopColor: GRADIENT_MID }), _jsx("stop", { offset: "1", stopColor: GRADIENT_BOTTOM })] }) })] }));
+};

package/dist/internal/icons/cursor.d.ts

@@ -0,0 +1,5 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+/** The Cursor app mark: the shaded cube with its white cursor facet. */
+export declare const Cursor: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/internal/icons/cursor.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+// Third-party brand colors, from the vendor's mark.
+const FACE_LEFT = '#72716d';
+const FACE_TOP_LEFT = '#55544f';
+const FACE_RIGHT = '#43413c';
+const FACET_SIDE = '#d6d5d2';
+const FACET_TOP = '#fff';
+/** The Cursor app mark: the shaded cube with its white cursor facet. */
+export const Cursor = ({ className }) => (_jsxs("svg", { viewBox: "0 0 466.73 533.32", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", className: cn('size-4', className), children: [_jsx("path", { fill: FACE_LEFT, d: "M233.37,266.66l231.16,133.46c-1.42,2.46-3.48,4.56-6.03,6.03l-216.06,124.74c-5.61,3.24-12.53,3.24-18.14,0L8.24,406.15c-2.55-1.47-4.61-3.57-6.03-6.03l231.16-133.46h0Z" }), _jsx("path", { fill: FACE_TOP_LEFT, d: "M233.37,0v266.66L2.21,400.12c-1.42-2.46-2.21-5.3-2.21-8.24v-250.44c0-5.89,3.14-11.32,8.24-14.27L224.29,2.43c2.81-1.62,5.94-2.43,9.07-2.43h.01Z" }), _jsx("path", { fill: FACE_RIGHT, d: "M464.52,133.2c-1.42-2.46-3.48-4.56-6.03-6.03L242.43,2.43c-2.8-1.62-5.93-2.43-9.06-2.43v266.66l231.16,133.46c1.42-2.46,2.21-5.3,2.21-8.24v-250.44c0-2.95-.78-5.77-2.21-8.24h-.01Z" }), _jsx("path", { fill: FACET_SIDE, d: "M448.35,142.54c1.31,2.26,1.49,5.16,0,7.74l-209.83,363.42c-1.41,2.46-5.16,1.45-5.16-1.38v-239.48c0-1.91-.51-3.75-1.44-5.36l216.42-124.95h.01Z" }), _jsx("path", { fill: FACET_TOP, d: "M448.35,142.54l-216.42,124.95c-.92-1.6-2.26-2.96-3.92-3.92L20.62,143.83c-2.46-1.41-1.45-5.16,1.38-5.16h419.65c2.98,0,5.4,1.61,6.7,3.87Z" })] }));

package/dist/internal/icons/customize.d.ts

@@ -0,0 +1,5 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+/** The Customize row's glyph, shared with the Customize sidebar modal. */
+export declare function CustomizeGlyph({ className }: {
+    className?: string;
+}): import("react").JSX.Element;

package/dist/internal/icons/customize.js

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** The Customize row's glyph, shared with the Customize sidebar modal. */
+export function CustomizeGlyph({ className }) {
+    return (_jsxs("svg", { className: className, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "24", height: "24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("path", { d: "M15.37 9.73C15.9 10 16.6 10 18 10C19.4 10 20.1 10 20.64 9.73C21.11 9.49 21.49 9.11 21.73 8.63C22 8.1 22 7.4 22 6C22 4.6 22 3.9 21.73 3.37C21.49 2.89 21.11 2.51 20.64 2.27C20.1 2 19.4 2 18 2C16.6 2 15.9 2 15.37 2.27C14.89 2.51 14.51 2.89 14.27 3.37C14 3.9 14 4.6 14 6C14 7.4 14 8.1 14.27 8.63C14.51 9.11 14.89 9.49 15.37 9.73Z" }), _jsx("path", { d: "M10 14V10C10 8.6 10 7.9 9.73 7.37C9.49 6.89 9.11 6.51 8.63 6.27C8.1 6 7.4 6 6 6C4.6 6 3.9 6 3.37 6.27C2.89 6.51 2.51 6.89 2.27 7.37C2 7.9 2 8.6 2 10V14H10Z" }), _jsx("path", { d: "M10 14H2V17C2 19.36 2 20.54 2.73 21.27C3.46 22 4.64 22 7 22H10V14Z" }), _jsx("path", { d: "M14 14H10V22H14C15.4 22 16.1 22 16.64 21.73C17.11 21.49 17.49 21.11 17.73 20.64C18 20.1 18 19.4 18 18C18 16.6 18 15.9 17.73 15.37C17.49 14.89 17.11 14.51 16.64 14.27C16.1 14 15.4 14 14 14Z" })] }));
+}

package/dist/internal/icons/download.d.ts

@@ -0,0 +1,2 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+export declare const Download: ({ className, ...props }: React.ComponentProps<"svg">) => import("react").JSX.Element;

package/dist/internal/icons/download.js

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils.js';
+export const Download = ({ className, ...props }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 14 14", width: "16", height: "16", fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", className: cn('size-4 shrink-0', className), ...props, children: _jsx("path", { d: "M.5 10.5v1a2 2 0 0 0 2 2h9a2 2 0 0 0 2-2v-1M4 6l3 3.5L10 6M7 9.5v-9" }) }));
+};

package/dist/internal/icons/email.d.ts

@@ -0,0 +1,5 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+/** The `email` session source: an inbound message started this session. */
+export declare const Email: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/internal/icons/email.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+/** The `email` session source: an inbound message started this session. */
+export const Email = ({ className }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", className: cn('size-4', className), children: _jsx("path", { d: "m2.357 7.714 6.98 4.654c.963.641 1.444.962 1.964 1.087.46.11.939.11 1.398 0 .52-.125 1.001-.446 1.964-1.087l6.98-4.654M7.157 19.5h9.686c1.68 0 2.52 0 3.162-.327a3 3 0 0 0 1.31-1.311c.328-.642.328-1.482.328-3.162V9.3c0-1.68 0-2.52-.327-3.162a3 3 0 0 0-1.311-1.311c-.642-.327-1.482-.327-3.162-.327H7.157c-1.68 0-2.52 0-3.162.327a3 3 0 0 0-1.31 1.311c-.328.642-.328 1.482-.328 3.162v5.4c0 1.68 0 2.52.327 3.162a3 3 0 0 0 1.311 1.311c.642.327 1.482.327 3.162.327" }) }));
+};

package/dist/internal/icons/github.d.ts

@@ -0,0 +1,4 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+export declare const Github: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/internal/icons/github.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+import { useTranslations } from '../../i18n/index.js';
+export const Github = ({ className }) => {
+    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
+    return (_jsxs("svg", { fill: "currentColor", fillRule: "evenodd", height: "1em", style: { flex: 'none', lineHeight: '1' }, viewBox: "0 0 24 24", width: "1em", xmlns: "http://www.w3.org/2000/svg", className: cn('size-4', className), children: [_jsx("title", { children: tI18nComplete.raw('text1720d8eaff79') }), _jsx("path", { d: "M12 0c6.63 0 12 5.276 12 11.79-.001 5.067-3.29 9.567-8.175 11.187-.6.118-.825-.25-.825-.56 0-.398.015-1.665.015-3.242 0-1.105-.375-1.813-.81-2.181 2.67-.295 5.475-1.297 5.475-5.822 0-1.297-.465-2.344-1.23-3.169.12-.295.54-1.503-.12-3.125 0 0-1.005-.324-3.3 1.209a11.32 11.32 0 00-3-.398c-1.02 0-2.04.133-3 .398-2.295-1.518-3.3-1.209-3.3-1.209-.66 1.622-.24 2.83-.12 3.125-.765.825-1.23 1.887-1.23 3.169 0 4.51 2.79 5.527 5.46 5.822-.345.294-.66.81-.765 1.577-.69.31-2.415.81-3.495-.973-.225-.354-.9-1.223-1.845-1.209-1.005.015-.405.56.015.781.51.28 1.095 1.327 1.23 1.666.24.663 1.02 1.93 4.035 1.385 0 .988.015 1.916.015 2.196 0 .31-.225.664-.825.56C3.303 21.374-.003 16.867 0 11.791 0 5.276 5.37 0 12 0z" })] }));
+};

package/dist/internal/icons/home.d.ts

@@ -0,0 +1,5 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+/** The subsession breadcrumb's "Home" crumb: the parent session. */
+export declare const Home: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/internal/icons/home.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils.js';
+/** The subsession breadcrumb's "Home" crumb: the parent session. */
+export const Home = ({ className }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "currentColor", className: cn('size-4', className), children: _jsx("path", { d: "M5.37 1.222a1 1 0 0 1 1.26 0l3.814 3.09A1.5 1.5 0 0 1 11 5.476V10a1 1 0 0 1-1 1H8.5a1 1 0 0 1-1-1V7.5A.5.5 0 0 0 7 7H5a.5.5 0 0 0-.5.5V10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V5.477a1.5 1.5 0 0 1 .556-1.166l3.815-3.089Z" }) }));
+};

package/dist/internal/icons/kortix.d.ts

@@ -0,0 +1,14 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+/**
+ * The Kortix symbol as a semantic icon (`size-4`, `currentColor`).
+ *
+ * Organization branding: when the active account carries its own square mark
+ * (`icon_url`, Enterprise `branding` entitlement) this renders that image in
+ * the same box — with the dark variant toggled by the theme class when one is
+ * set — so every "this is your agent / platform" glyph follows the brand,
+ * not just the header. Marketing surfaces sit outside any account and keep
+ * the Kortix symbol.
+ */
+export declare const Kortix: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/internal/icons/kortix.js

@@ -0,0 +1,25 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useBranding } from '../branding/branding-provider.js';
+import { cn } from '../lib/utils.js';
+/**
+ * The Kortix symbol as a semantic icon (`size-4`, `currentColor`).
+ *
+ * Organization branding: when the active account carries its own square mark
+ * (`icon_url`, Enterprise `branding` entitlement) this renders that image in
+ * the same box — with the dark variant toggled by the theme class when one is
+ * set — so every "this is your agent / platform" glyph follows the brand,
+ * not just the header. Marketing surfaces sit outside any account and keep
+ * the Kortix symbol.
+ */
+export const Kortix = ({ className }) => {
+    const branding = useBranding();
+    const light = branding?.icon_url ?? null;
+    const dark = branding?.icon_dark_url ?? null;
+    if (light) {
+        return (_jsxs(_Fragment, { children: [_jsx("img", { src: light, alt: "", "aria-hidden": true, draggable: false, className: cn('size-4 shrink-0 object-contain select-none', dark && 'dark:hidden', className) }), dark ? (
+                // eslint-disable-next-line @next/next/no-img-element
+                _jsx("img", { src: dark, alt: "", "aria-hidden": true, draggable: false, className: cn('hidden size-4 shrink-0 object-contain select-none dark:block', className) })) : null] }));
+    }
+    return (_jsx("svg", { width: "30", height: "25", viewBox: "0 0 30 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: cn('text-foreground size-4', className), children: _jsx("path", { d: "M25.56 24.916H29.83C29.83 19.63 26.94 15 22.62 12.46C26.94 9.91 29.83 5.29 29.83 0H25.56C25.56 5 21.89 9.19 17.07 10.17V0H12.8V10.17C7.95 9.2 4.3 5.02 4.3 0H0.04C0.04 5.29 2.93 9.91 7.25 12.46C2.93 15 0.04 19.63 0.04 24.916H4.3C4.3 19.9 7.95 15.71 12.8 14.75V24.92H17.07V14.75C21.91 15.71 25.56 19.9 25.56 24.916Z", fill: "currentColor" }) }));
+};

package/dist/internal/icons/mcp.d.ts

@@ -0,0 +1,9 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+/**
+ * The Model Context Protocol mark, from the official logo
+ * (modelcontextprotocol/modelcontextprotocol `docs/logo/light.svg`), cropped to
+ * the glyph. Stroked in `currentColor` so it takes the surrounding text tone.
+ */
+export declare const Mcp: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/internal/icons/mcp.js

@@ -0,0 +1,9 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+/**
+ * The Model Context Protocol mark, from the official logo
+ * (modelcontextprotocol/modelcontextprotocol `docs/logo/light.svg`), cropped to
+ * the glyph. Stroked in `currentColor` so it takes the surrounding text tone.
+ */
+export const Mcp = ({ className }) => (_jsxs("svg", { viewBox: "10 15 176 176", fill: "none", stroke: "currentColor", strokeWidth: 12, strokeLinecap: "round", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true", className: cn('size-4', className), children: [_jsx("path", { d: "M25 97.8528L92.8823 29.9706C102.255 20.598 117.451 20.598 126.823 29.9706V29.9706C136.196 39.3431 136.196 54.5391 126.823 63.9117L75.5581 115.177" }), _jsx("path", { d: "M76.2653 114.47L126.823 63.9117C136.196 54.5391 151.392 54.5391 160.765 63.9117L161.118 64.2652C170.491 73.6378 170.491 88.8338 161.118 98.2063L99.7248 159.6C96.6006 162.724 96.6006 167.789 99.7248 170.913L112.331 183.52" }), _jsx("path", { d: "M109.853 46.9411L59.6482 97.1457C50.2757 106.518 50.2757 121.714 59.6482 131.087V131.087C69.0208 140.459 84.2168 140.459 93.5894 131.087L143.794 80.8822" })] }));

package/dist/internal/icons/microsoft-teams.d.ts

@@ -0,0 +1,4 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+export declare const MicrosoftTeams: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/internal/icons/microsoft-teams.js

@@ -0,0 +1,11 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/utils.js';
+import { useId } from 'react';
+export const MicrosoftTeams = ({ className }) => {
+    // Per-instance gradient ids. Bare ids ("a", "b", …) collide with any other
+    // SVG on the page that reuses them, and the fills then resolve to the wrong
+    // defs: the mark rendered as a blank tile on the Channels tab.
+    const uid = useId().replace(/:/g, '');
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "4 4 36 38", className: cn('size-4', className), children: [_jsx("path", { fill: `url(#${uid}a)`, d: "M22 20h12c3.31 0 6 2.69 6 6v10c0 3.31-2.69 6-6 6s-6-2.69-6-6V26c0-3.31-2.69-6-6-6" }), _jsx("path", { fill: `url(#${uid}b)`, d: "M8 24c0-3.31 2.69-6 6-6h8c3.31 0 6 2.69 6 6v12c0 3.31 2.69 6 6 6l-16-.0001c-5.52 0-10-4.48-10-10z" }), _jsx("path", { fill: `url(#${uid}c)`, fillOpacity: ".7", d: "M8 24c0-3.31 2.69-6 6-6h8c3.31 0 6 2.69 6 6v12c0 3.31 2.69 6 6 6l-16-.0001c-5.52 0-10-4.48-10-10z" }), _jsx("path", { fill: `url(#${uid}d)`, fillOpacity: ".7", d: "M8 24c0-3.31 2.69-6 6-6h8c3.31 0 6 2.69 6 6v12c0 3.31 2.69 6 6 6l-16-.0001c-5.52 0-10-4.48-10-10z" }), _jsx("path", { fill: `url(#${uid}e)`, d: "M33 18c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5" }), _jsx("path", { fill: `url(#${uid}f)`, fillOpacity: ".46", d: "M33 18c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5" }), _jsx("path", { fill: `url(#${uid}g)`, fillOpacity: ".4", d: "M33 18c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5" }), _jsx("path", { fill: `url(#${uid}h)`, d: "M18 16c3.31 0 6-2.69 6-6 0-3.31-2.69-6-6-6s-6 2.69-6 6c0 3.31 2.69 6 6 6" }), _jsx("path", { fill: `url(#${uid}i)`, fillOpacity: ".6", d: "M18 16c3.31 0 6-2.69 6-6 0-3.31-2.69-6-6-6s-6 2.69-6 6c0 3.31 2.69 6 6 6" }), _jsx("path", { fill: `url(#${uid}j)`, fillOpacity: ".5", d: "M18 16c3.31 0 6-2.69 6-6 0-3.31-2.69-6-6-6s-6 2.69-6 6c0 3.31 2.69 6 6 6" }), _jsx("rect", { width: "16", height: "16", x: "4", y: "23", fill: `url(#${uid}k)`, rx: "3.25" }), _jsx("rect", { width: "16", height: "16", x: "4", y: "23", fill: `url(#${uid}l)`, fillOpacity: ".7", rx: "3.25" }), _jsx("path", { fill: "#fff", d: "M15.48 28.11h-2.45v7.466h-2.06v-7.466H8.52v-1.68h6.96z" }), _jsxs("defs", { children: [_jsxs("radialGradient", { id: `${uid}a`, cx: "0", cy: "0", r: "1", gradientTransform: "matrix(13.4784 0 0 33.2694 39.7967 22.1739)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#a98aff" }), _jsx("stop", { offset: ".14", stopColor: "#8c75ff" }), _jsx("stop", { offset: ".565", stopColor: "#5f50e2" }), _jsx("stop", { offset: ".9", stopColor: "#3c2cb8" })] }), _jsxs("radialGradient", { id: `${uid}b`, cx: "0", cy: "0", r: "1", gradientTransform: "rotate(68.1539 -7.71566095 14.71355834)scale(32.752 33.1231)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#85c2ff" }), _jsx("stop", { offset: ".69", stopColor: "#7588ff" }), _jsx("stop", { offset: "1", stopColor: "#6459fe" })] }), _jsxs("radialGradient", { id: `${uid}d`, cx: "0", cy: "0", r: "1", gradientTransform: "rotate(113.326 8.09285255 17.64474501)scale(19.2186 15.4273)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#bd96ff" }), _jsx("stop", { offset: ".686685", stopColor: "#bd96ff", stopOpacity: "0" })] }), _jsxs("radialGradient", { id: `${uid}e`, cx: "0", cy: "0", r: "1", gradientTransform: "matrix(0 -10 12.6216 0 32.9999 11.5714)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: ".268201", stopColor: "#6868f7" }), _jsx("stop", { offset: "1", stopColor: "#3923b1" })] }), _jsxs("radialGradient", { id: `${uid}f`, cx: "0", cy: "0", r: "1", gradientTransform: "rotate(40.0516 -.03068196 44.8729095)scale(7.14629 10.3363)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: ".270711", stopColor: "#a1d3ff" }), _jsx("stop", { offset: ".813393", stopColor: "#a1d3ff", stopOpacity: "0" })] }), _jsxs("radialGradient", { id: `${uid}g`, cx: "0", cy: "0", r: "1", gradientTransform: "rotate(-41.6581 32.11799918 -43.41948423)scale(8.51275 20.8824)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#e3acfd" }), _jsx("stop", { offset: ".816041", stopColor: "#9fa2ff", stopOpacity: "0" })] }), _jsxs("radialGradient", { id: `${uid}h`, cx: "0", cy: "0", r: "1", gradientTransform: "matrix(0 -12 15.146 0 17.9999 8.28571)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: ".268201", stopColor: "#8282ff" }), _jsx("stop", { offset: "1", stopColor: "#3923b1" })] }), _jsxs("radialGradient", { id: `${uid}i`, cx: "0", cy: "0", r: "1", gradientTransform: "rotate(40.0516 -3.15465147 21.41641466)scale(8.57554 12.4035)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: ".270711", stopColor: "#a1d3ff" }), _jsx("stop", { offset: ".813393", stopColor: "#a1d3ff", stopOpacity: "0" })] }), _jsxs("radialGradient", { id: `${uid}j`, cx: "0", cy: "0", r: "1", gradientTransform: "rotate(-41.6581 20.38180375 -26.51566158)scale(10.2153 25.0589)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#e3acfd" }), _jsx("stop", { offset: ".816041", stopColor: "#9fa2ff", stopOpacity: "0" })] }), _jsxs("radialGradient", { id: `${uid}k`, cx: "0", cy: "0", r: "1", gradientTransform: "rotate(45 -25.76345597 16.32842712)scale(22.6274)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: ".046875", stopColor: "#688eff" }), _jsx("stop", { offset: ".946875", stopColor: "#230f94" })] }), _jsxs("radialGradient", { id: `${uid}l`, cx: "0", cy: "0", r: "1", gradientTransform: "matrix(0 11.2 -13.0702 0 12 32.6)", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: ".570647", stopColor: "#6965f6", stopOpacity: "0" }), _jsx("stop", { offset: "1", stopColor: "#8f8fff" })] }), _jsxs("linearGradient", { id: `${uid}c`, x1: "20.5936", x2: "20.5936", y1: "18", y2: "42", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { offset: ".801159", stopColor: "#6864f6", stopOpacity: "0" }), _jsx("stop", { offset: "1", stopColor: "#5149de" })] })] })] }));
+};

package/dist/internal/icons/open-ai.d.ts

@@ -0,0 +1,4 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+export declare const OpenAI: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/internal/icons/open-ai.js

@@ -0,0 +1,8 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+import { useTranslations } from '../../i18n/index.js';
+export const OpenAI = ({ className }) => {
+    const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
+    return (_jsxs("svg", { className: cn('size-4', className), viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("title", { children: tI18nComplete.raw('text8b7d1a3187ab') }), _jsx("path", { d: "M21.55 10.004a5.416 5.416 0 00-.478-4.501c-1.217-2.09-3.662-3.166-6.05-2.66A5.59 5.59 0 0010.831 1C8.39.995 6.224 2.546 5.473 4.838A5.553 5.553 0 001.76 7.496a5.487 5.487 0 00.691 6.5 5.416 5.416 0 00.477 4.502c1.217 2.09 3.662 3.165 6.05 2.66A5.586 5.586 0 0013.168 23c2.443.006 4.61-1.546 5.361-3.84a5.553 5.553 0 003.715-2.66 5.488 5.488 0 00-.693-6.497v.001zm-8.381 11.558a4.199 4.199 0 01-2.675-.954c.034-.018.093-.05.132-.074l4.44-2.53a.71.71 0 00.364-.623v-6.176l1.877 1.069c.02.01.033.029.036.05v5.115c-.003 2.274-1.87 4.118-4.174 4.123zM4.192 17.78a4.059 4.059 0 01-.498-2.763c.032.02.09.055.131.078l4.44 2.53c.225.13.504.13.73 0l5.42-3.088v2.138a.068.068 0 01-.027.057L9.9 19.288c-1.999 1.136-4.552.46-5.707-1.51h-.001zM3.023 8.216A4.15 4.15 0 015.198 6.41l-.002.151v5.06a.711.711 0 00.364.624l5.42 3.087-1.876 1.07a.067.067 0 01-.063.005l-4.489-2.559c-1.995-1.14-2.679-3.658-1.53-5.63h.001zm15.417 3.54l-5.42-3.088L14.896 7.6a.067.067 0 01.063-.006l4.489 2.557c1.998 1.14 2.683 3.662 1.529 5.633a4.163 4.163 0 01-2.174 1.807V12.38a.71.71 0 00-.363-.623zm1.867-2.773a6.04 6.04 0 00-.132-.078l-4.44-2.53a.731.731 0 00-.729 0l-5.42 3.088V7.325a.068.068 0 01.027-.057L14.1 4.713c2-1.137 4.555-.46 5.707 1.513.487.833.664 1.809.499 2.757h.001zm-11.741 3.81l-1.877-1.068a.065.065 0 01-.036-.051V6.559c.001-2.277 1.873-4.122 4.181-4.12.976 0 1.92.338 2.671.954-.034.018-.092.05-.131.073l-4.44 2.53a.71.71 0 00-.365.623l-.003 6.173v.002zm1.02-2.168L12 9.25l2.414 1.375v2.75L12 14.75l-2.415-1.375v-2.75z", fill: "currentColor" })] }));
+};

package/dist/internal/icons/plus.d.ts

@@ -0,0 +1,4 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+export declare const Plus: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/internal/icons/plus.js

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+export const Plus = ({ className }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 72 72", width: "16", height: "16", className: cn('size-4', className), children: _jsx("path", { d: "M 36 13 C 33.791 13 32 14.791 32 17 L 32 32 L 17 32 C 14.791 32 13 33.791 13 36 C 13 38.209 14.791 40 17 40 L 32 40 L 32 55 C 32 57.209 33.791 59 36 59 C 38.209 59 40 57.209 40 55 L 40 40 L 55 40 C 57.209 40 59 38.209 59 36 C 59 33.791 57.209 32 55 32 L 40 32 L 40 17 C 40 14.791 38.209 13 36 13 z", fill: "currentColor" }) }));
+};

package/dist/internal/icons/schedule.d.ts

@@ -0,0 +1,5 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+/** The `schedule` session source: a cron trigger fired this run. */
+export declare const Schedule: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/internal/icons/schedule.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+/** The `schedule` session source: a cron trigger fired this run. */
+export const Schedule = ({ className }) => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 16 16", fill: "currentColor", className: cn('size-4', className), children: [_jsx("path", { d: "M14 0H2a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2M1 3.857C1 3.384 1.448 3 2 3h12c.552 0 1 .384 1 .857v10.286c0 .473-.448.857-1 .857H2c-.552 0-1-.384-1-.857z" }), _jsx("path", { d: "M6.5 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m-9 3a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2m3 0a1 1 0 1 0 0-2 1 1 0 0 0 0 2" })] }));
+};

package/dist/internal/icons/slack.d.ts

@@ -0,0 +1,4 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+export declare const Slack: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/internal/icons/slack.js

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../../lib/utils.js';
+export const Slack = ({ className }) => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 100 100", className: cn('size-4', className), children: [_jsx("path", { fill: "#36C5F0", fillRule: "evenodd", d: "M36.591 0c-5.517.003-9.981 4.48-9.977 9.997-.004 5.517 4.465 9.994 9.981 9.998h9.982v-9.994C46.581 4.485 42.112.008 36.591 0q.006 0 0 0m0 26.666H9.981c-5.516.004-9.985 4.481-9.98 9.998-.009 5.517 4.46 9.994 9.977 10.002H36.59c5.517-.004 9.986-4.481 9.982-9.998.004-5.52-4.465-9.998-9.982-10.002", clipRule: "evenodd" }), _jsx("path", { fill: "#2EB67D", fillRule: "evenodd", d: "M99.8 36.664c.004-5.517-4.465-9.994-9.981-9.998-5.517.004-9.986 4.481-9.982 9.998v10.002h9.982c5.516-.004 9.985-4.481 9.981-10.002m-26.613 0V9.997C73.19 4.485 68.726.007 63.209 0c-5.517.004-9.986 4.482-9.982 9.998v26.667c-.008 5.517 4.461 9.994 9.978 10.002 5.517-.004 9.986-4.481 9.982-10.002", clipRule: "evenodd" }), _jsx("path", { fill: "#ECB22E", fillRule: "evenodd", d: "M63.205 100c5.517-.005 9.986-4.482 9.982-9.999.004-5.516-4.465-9.993-9.982-9.998h-9.982v9.998c-.004 5.513 4.465 9.99 9.982 9.998m0-26.671h26.614c5.516-.004 9.985-4.481 9.981-9.998.008-5.517-4.46-9.994-9.977-10.002H63.209c-5.517.004-9.986 4.48-9.982 9.998-.004 5.52 4.461 9.998 9.978 10.002", clipRule: "evenodd" }), _jsx("path", { fill: "#E01E5A", fillRule: "evenodd", d: "M0 63.33c-.004 5.517 4.465 9.995 9.982 9.999 5.517-.004 9.986-4.481 9.981-9.998v-9.998H9.982C4.465 53.337-.004 57.813 0 63.33m26.614 0v26.667c-.008 5.517 4.46 9.994 9.977 10.002 5.517-.004 9.986-4.48 9.982-9.998V63.34c.008-5.517-4.46-9.994-9.978-10.002-5.52 0-9.985 4.477-9.981 9.994", clipRule: "evenodd" })] }));
+};

package/dist/internal/icons/solid-check-icon.d.ts

@@ -0,0 +1,2 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+export declare const SolidCheckIcon: ({ className, ...props }: React.ComponentProps<"svg">) => import("react").JSX.Element;

package/dist/internal/icons/solid-check-icon.js

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from '../../lib/utils.js';
+export const SolidCheckIcon = ({ className, ...props }) => {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "16", height: "16", fill: "currentColor", "aria-hidden": "true", className: cn('size-4 shrink-0', className), ...props, children: _jsx("path", { d: "M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2zm4.2 8.3l-4.8 4.8c-.4.4-1 .4-1.4 0l-2.2-2.2c-.4-.4-.4-1 0-1.4c.4-.4 1-.4 1.4 0l1.5 1.5l4.1-4.1c.4-.4 1-.4 1.4 0c.4.4.4 1 0 1.4z" }) }));
+};

package/dist/internal/icons/telegram.d.ts

@@ -0,0 +1,4 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+export declare const Telegram: ({ className }: {
+    className?: string;
+}) => import("react").JSX.Element;

package/dist/internal/icons/telegram.js

@@ -0,0 +1,6 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from '../lib/utils.js';
+export const Telegram = ({ className }) => {
+    return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 240 240", className: cn('size-4', className), children: [_jsx("defs", { children: _jsxs("linearGradient", { id: "tg-a", x1: "0.667", x2: "0.417", y1: "0.167", y2: "0.75", children: [_jsx("stop", { offset: "0", stopColor: "#37aee2" }), _jsx("stop", { offset: "1", stopColor: "#1e96c8" })] }) }), _jsx("circle", { cx: "120", cy: "120", r: "120", fill: "url(#tg-a)" }), _jsx("path", { fill: "#c8daea", d: "M98 175c-3.888 0-3.227-1.468-4.568-5.17L82 132.207 170 80" }), _jsx("path", { fill: "#a9c9dd", d: "M98 175c3 0 4.325-1.372 6-3l16-15.558-19.958-12.035" }), _jsx("path", { fill: "#fff", d: "M100.04 144.41l48.36 35.729c5.519 3.045 9.501 1.468 10.876-5.123l19.685-92.763c2.015-8.08-3.08-11.746-8.36-9.349l-115.59 44.571c-7.89 3.165-7.844 7.567-1.438 9.528l29.663 9.259 68.673-43.325c3.242-1.966 6.218-.91 3.776 1.258" })] }));
+};

package/dist/internal/layout/connect-mcp-modal.d.ts

@@ -0,0 +1,35 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+import type { ComponentType } from 'react';
+/** The MCP endpoint: `<api origin>/v1/mcp`. */
+export declare function mcpUrl(backendUrl: string | undefined): string;
+export declare function cursorInstallUrl(url: string): string;
+type ClientId = 'claude' | 'claude-code' | 'cursor' | 'codex' | 'other';
+export interface Client {
+    id: ClientId;
+    /** Product names are identifiers, not UI copy. `null`: the translated "Any MCP client". */
+    name: string | null;
+    Logo: ComponentType<{
+        className?: string;
+    }>;
+    /** `url`: copies the URL. `command`: copies `text(url)`. `link`: opens `href(url)`. */
+    action: {
+        kind: 'url';
+    } | {
+        kind: 'command';
+        text: (url: string) => string;
+    } | {
+        kind: 'link';
+        href: (url: string) => string;
+    };
+}
+export declare const CLIENTS: readonly Client[];
+export declare function ConnectMcpModal({ open, onOpenChange, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+}): import("react").JSX.Element;
+/** The client's own one-click action: copy the URL or its command, or open its deep link. */
+export declare function ClientAction({ client, url }: {
+    client: Client;
+    url: string;
+}): import("react").JSX.Element;
+export {};

package/dist/internal/layout/connect-mcp-modal.js

@@ -0,0 +1,78 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * "Connect MCP": the hosted MCP URL and how to add it to a client. One URL per
+ * person, like the `kortix` CLI: it reaches every project the signed-in user
+ * can open. The client signs in with OAuth on first use (apps/api/src/mcp), so
+ * there is nothing to install.
+ *
+ * Same split frame as "Connect your computer" (`packages/ui/src/internal/tunnel/computer-connect.tsx`):
+ * the Beams art with the client marks on the left, one row per client with its
+ * own one-click action on the right.
+ */
+import { ArrowUpRightIcon, LinkSimpleIcon } from '@phosphor-icons/react';
+import { platformConfig, stripTrailingSlashes } from '@kortix/sdk';
+import { UiLink as Link } from '../../providers/ui-provider.js';
+import { Button } from '../../primitives/button.js';
+import { Modal, ModalContent, ModalDescription, ModalTitle } from '../../primitives/modal.js';
+import { BeamsShader } from '../../primitives/paper-wallpaper-shaders.js';
+import { Claude } from '../icons/claude.js';
+import { ClaudeCode } from '../icons/claude-code.js';
+import { Codex } from '../icons/codex.js';
+import { Cursor } from '../icons/cursor.js';
+import { SolidCheckIcon } from '../icons/solid-check-icon.js';
+import { useCopy } from '../hooks/use-copy.js';
+import { useTranslations } from '../../i18n/index.js';
+import { cn } from '../lib/utils.js';
+/** The MCP endpoint: `<api origin>/v1/mcp`. */
+export function mcpUrl(backendUrl) {
+    const base = stripTrailingSlashes(backendUrl || 'https://api.kortix.com/v1');
+    return `${base.endsWith('/v1') ? base : `${base}/v1`}/mcp`;
+}
+export function cursorInstallUrl(url) {
+    return `cursor://anysphere.cursor-deeplink/mcp/install?name=kortix&config=${btoa(JSON.stringify({ url }))}`;
+}
+const OtherLogo = ({ className }) => (_jsx(LinkSimpleIcon, { className: cn('text-muted-foreground', className) }));
+export const CLIENTS = [
+    { id: 'claude', name: 'Claude', Logo: Claude, action: { kind: 'url' } },
+    {
+        id: 'claude-code',
+        name: 'Claude Code',
+        Logo: ClaudeCode,
+        action: { kind: 'command', text: (url) => `claude mcp add --transport http kortix ${url}` },
+    },
+    { id: 'cursor', name: 'Cursor', Logo: Cursor, action: { kind: 'link', href: cursorInstallUrl } },
+    {
+        id: 'codex',
+        name: 'Codex',
+        Logo: Codex,
+        action: {
+            kind: 'command',
+            text: (url) => `codex mcp add kortix --url ${url}\ncodex mcp login kortix`,
+        },
+    },
+    { id: 'other', name: null, Logo: OtherLogo, action: { kind: 'url' } },
+];
+/** The four named clients, drawn on the art. */
+const ART_CLIENTS = CLIENTS.filter((client) => client.id !== 'other');
+export function ConnectMcpModal({ open, onOpenChange, }) {
+    const t = useTranslations('connectMcp');
+    const url = mcpUrl(platformConfig().backendUrl);
+    return (_jsx(Modal, { open: open, onOpenChange: onOpenChange, children: _jsx(ModalContent, { className: "space-y-0 lg:max-w-3xl", closeClassName: "max-sm:bg-background border-0 overflow-hidden", children: _jsxs("div", { className: "grid sm:grid-cols-5 lg:min-h-128", children: [_jsxs("div", { "aria-hidden": "true", className: "dark bg-background relative isolate flex h-48 items-center justify-center overflow-hidden rounded-t-xl border-b sm:col-span-2 sm:h-auto sm:rounded-tr-none sm:border-r sm:border-b-0 lg:rounded-bl-xl", children: [_jsx(BeamsShader, {}), _jsx("div", { className: "relative grid grid-cols-4 gap-2.5 sm:grid-cols-2", children: ART_CLIENTS.map(({ id, Logo }) => (
+                                // `bg-foreground` is white under the art's `dark` scope: the marks carry their
+                                // own brand colors (Codex brings its own white tile).
+                                _jsx("span", { className: "bg-foreground flex size-16 items-center justify-center rounded-xl shadow-lg", children: _jsx(Logo, { className: "size-8" }) }, id))) })] }), _jsxs("div", { className: "flex min-w-0 flex-col gap-5 p-5 sm:col-span-3 lg:p-8", children: [_jsxs("header", { className: "space-y-1.5 pr-10", children: [_jsx(ModalTitle, { className: "text-lg font-medium text-balance", children: t('title') }), _jsx(ModalDescription, { className: "text-pretty", children: t('description') })] }), _jsxs("div", { className: "bg-muted flex min-w-0 items-center gap-3 rounded-md border p-3", children: [_jsx("code", { className: "min-w-0 flex-1 text-xs break-all select-text", children: url }), _jsx(ClientAction, { client: CLIENTS[0], url: url })] }), _jsx("ul", { className: "divide-border divide-y", children: CLIENTS.map((client) => (_jsxs("li", { className: "flex items-center gap-3 py-2.5", children: [_jsx("span", { className: "bg-muted flex size-9 shrink-0 items-center justify-center rounded-sm", children: _jsx(client.Logo, { className: "size-5" }) }), _jsxs("div", { className: "min-w-0 flex-1 space-y-0.5", children: [_jsx("p", { className: "text-sm font-medium", children: client.name ?? t('anyClient') }), _jsx("p", { className: "text-muted-foreground truncate text-xs", children: t(`via.${client.id}`) })] }), _jsx(ClientAction, { client: client, url: url })] }, client.id))) }), _jsxs("footer", { className: "mt-auto flex items-center justify-between pt-2", children: [_jsx(Button, { asChild: true, variant: "ghost", size: "sm", className: "text-muted-foreground gap-1", children: _jsxs(Link, { href: "/docs/connect/mcp", target: "_blank", children: [t('docs'), _jsx(ArrowUpRightIcon, { className: "size-3.5 shrink-0" })] }) }), _jsx(Button, { type: "button", onClick: () => onOpenChange(false), children: t('done') })] })] })] }) }) }));
+}
+// The secondary fill sits close to the row; a ring on hover marks the target.
+const ACTION_CLASS = 'hover:border-ring hover:border hover:ring-ring/15 hover:ring-2 hit-area-y-3 hit-area-l-3 shrink-0 border border-transparent';
+/** The client's own one-click action: copy the URL or its command, or open its deep link. */
+export function ClientAction({ client, url }) {
+    const t = useTranslations('connectMcp');
+    // The button itself confirms the copy; no toast.
+    const { copy, copied } = useCopy({ toast: false });
+    const { action } = client;
+    if (action.kind === 'link') {
+        return (_jsx(Button, { asChild: true, size: "sm", variant: "secondary", className: ACTION_CLASS, children: _jsx("a", { href: action.href(url), children: t('add') }) }));
+    }
+    return (_jsxs(Button, { type: "button", size: "sm", variant: "secondary", className: cn(ACTION_CLASS, 'gap-1.5'), onClick: () => copy(action.kind === 'url' ? url : action.text(url)), children: [copied ? _jsx(SolidCheckIcon, { className: "size-3.5" }) : null, copied ? t('copied') : action.kind === 'url' ? t('copyUrl') : t('copy')] }));
+}

package/dist/internal/layout/files-nav-label.d.ts

@@ -0,0 +1,14 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+/**
+ * What the sidebar's file row is called. With the project's Volumes flag on
+ * it is Drive, the shared folders, and the repo browser moves to Customize →
+ * Repo (admins only). With Volumes off it is Files, the repo browser, as it
+ * was before volumes. Volumes reaches the client as the derived `drives` flag.
+ */
+export type FilesNavLabel = 'files' | 'drive';
+export declare function filesNavLabel(volumesOn: boolean): FilesNavLabel;
+/** Label and destination of the row `useProjectNavRows().files` decided; null when the host serves no such page. */
+export declare function filesRow(projectId: string, target: 'repo' | 'drive'): {
+    label: FilesNavLabel;
+    href: string;
+} | null;

package/dist/internal/layout/files-nav-label.js

@@ -0,0 +1,10 @@
+import { uiRoutes } from '../../lib/routes.js';
+export function filesNavLabel(volumesOn) {
+    return volumesOn ? 'drive' : 'files';
+}
+/** Label and destination of the row `useProjectNavRows().files` decided; null when the host serves no such page. */
+export function filesRow(projectId, target) {
+    const drive = target === 'drive';
+    const href = drive ? uiRoutes().drive(projectId) : uiRoutes().files(projectId);
+    return href ? { label: filesNavLabel(drive), href } : null;
+}

package/dist/internal/layout/open-command-palette.d.ts

@@ -0,0 +1,22 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+/**
+ * Open the command palette from OUTSIDE it (the sidebar's search button).
+ *
+ * The palette owns `open` as local state and is lazily mounted by the shell,
+ * so there is no store to write and no ref to reach for. It already listens
+ * for `kortix:open-file-search` to be summoned onto its Files page; this is
+ * the same door onto its root page.
+ *
+ * The request is buffered while the palette chunk loads. The eager Suspense
+ * fallback reads it without consuming it; the loaded palette consumes it.
+ */
+export declare const OPEN_COMMAND_PALETTE_EVENT = "kortix:open-command-palette";
+export declare function openCommandPalette(): void;
+/** Read without consuming, so the loading dialog can hand off to the palette. */
+export declare function hasPendingCommandPalette(): boolean;
+/**
+ * Read-and-clear. Returns true if an open was requested; clearing is what
+ * keeps a later remount of the palette from re-opening itself off a stale
+ * request.
+ */
+export declare function consumePendingCommandPalette(): boolean;

package/dist/internal/layout/open-command-palette.js

@@ -0,0 +1,34 @@
+'use client';
+/**
+ * Open the command palette from OUTSIDE it (the sidebar's search button).
+ *
+ * The palette owns `open` as local state and is lazily mounted by the shell,
+ * so there is no store to write and no ref to reach for. It already listens
+ * for `kortix:open-file-search` to be summoned onto its Files page; this is
+ * the same door onto its root page.
+ *
+ * The request is buffered while the palette chunk loads. The eager Suspense
+ * fallback reads it without consuming it; the loaded palette consumes it.
+ */
+export const OPEN_COMMAND_PALETTE_EVENT = 'kortix:open-command-palette';
+let requested = false;
+export function openCommandPalette() {
+    if (typeof window === 'undefined')
+        return;
+    requested = true;
+    window.dispatchEvent(new Event(OPEN_COMMAND_PALETTE_EVENT));
+}
+/** Read without consuming, so the loading dialog can hand off to the palette. */
+export function hasPendingCommandPalette() {
+    return requested;
+}
+/**
+ * Read-and-clear. Returns true if an open was requested; clearing is what
+ * keeps a later remount of the palette from re-opening itself off a stale
+ * request.
+ */
+export function consumePendingCommandPalette() {
+    const was = requested;
+    requested = false;
+    return was;
+}

package/dist/internal/layout/project-nav-row.d.ts

@@ -0,0 +1,9 @@
+/** @internal Kortix apps only. No semver: it may change in any release. */
+import { HoverPrefetchLink } from '../components/hover-prefetch-link.js';
+import type { ComponentProps, ReactNode } from 'react';
+/** Keep the anchor's intent handlers and the caller's active-route semantics. */
+export declare function ProjectNavRow({ active, label, children, ...link }: ComponentProps<typeof HoverPrefetchLink> & {
+    active: boolean;
+    label: string;
+    children: ReactNode;
+}): import("react").JSX.Element;