@kortix/ui 0.14.9 → 0.14.11

package/dist/_vendor/kortix-shared.js

@@ -6977,6 +6977,49 @@ function policySetNameError(name) {
   return null;
 }
 
+// ../shared/src/channel-descriptors.ts
+var CHANNEL_PLATFORM_IDS = ["slack", "teams", "email", "telegram"];
+var CHANNELS = {
+  slack: {
+    label: "Slack",
+    envelope: "Slack",
+    catalog: {
+      domain: "slack.com",
+      description: "Message the agent in Slack: mentions, DMs and channels, through the Kortix Slack app."
+    }
+  },
+  teams: {
+    label: "Microsoft Teams",
+    envelope: "Teams",
+    catalog: {
+      domain: "teams.microsoft.com",
+      description: "Message the agent in Microsoft Teams chats and channels, through the Kortix Teams app."
+    },
+    buttons: { max: 6 }
+  },
+  email: {
+    label: "Email",
+    envelope: "Email",
+    catalog: { domain: "email.kortix", description: "Give the project an inbox: people email the agent and it replies." }
+  },
+  telegram: {
+    label: "Telegram",
+    envelope: "Telegram",
+    catalog: { domain: "telegram.org", description: "Message the agent from Telegram through a bot you own." },
+    messageChars: 4096,
+    buttons: { max: 6, dataBytes: 64 },
+    // A bot token is `<bot id>:<secret>`.
+    connect: { tokenPattern: /^\d{5,15}:[A-Za-z0-9_-]{30,64}$/, tokenPlaceholder: "123456789:\u2026" },
+    access: {
+      userId: /^\d{1,20}$/,
+      idPlaceholder: "123456789",
+      idsPlaceholder: "123456789, 987654321",
+      idInputMode: "numeric"
+    }
+  }
+};
+var isChannelPlatform = (platform) => CHANNEL_PLATFORM_IDS.includes(platform);
+
 // ../manifest-schema/src/slug.ts
 var SLUG_MAX_LENGTH = 128;
 function trimSeparators(value) {
@@ -8623,7 +8666,7 @@ function readSlackFollowUpHeader(line) {
 }
 
 // ../shared/src/channel-message.ts
-var CHANNEL_PLATFORMS = ["Slack", "Teams", "Telegram", "Email"];
+var CHANNEL_PLATFORMS = CHANNEL_PLATFORM_IDS.map((id) => CHANNELS[id].envelope);
 var TAIL_MARKERS = [
   /^How to work:/m,
   /^Attached files \(download with/m,
@@ -8782,6 +8825,16 @@ function parseChannelMessage(rawText) {
   }
   return void 0;
 }
+function channelPromptTail(text, platform) {
+  const at = text.lastIndexOf(`
+\u2500\u2500 ${platform} instructions
+`);
+  return at < 0 ? "" : text.slice(at);
+}
+function isChannelFileLabel(text) {
+  const line = text.trim();
+  return line.length > 2 && line.startsWith("(") && line.endsWith(")") && !/[()\n]/.test(line.slice(1, -1));
+}
 
 // ../shared/src/chat-mention.ts
 function stripChatMentionMarkup(value) {
@@ -11003,4 +11056,4 @@ smol-toml/dist/index.js:
    *)
 */
 
-export { AVATAR_INK, CARD_TEXT_RATIO, COMMIT_CONFIRM_ATTEMPTS, COMMIT_CONFIRM_DELAY_MS, CREDITS_PER_DOLLAR, CURATED_SECTIONS, KATEX_FENCE_LANGUAGES, LANGUAGE_ALIASES, MAX_PROMPT_ATTACHMENTS_BYTES, MAX_PROMPT_ATTACHMENT_BYTES, MAX_PROMPT_ATTACHMENT_FILES, MAX_PROMPT_UPLOAD_FILENAME_BYTES, META_AGENT_DISPLAY_NAME, META_SANDBOX_SLUG, OTHER, PASTED_INLINE_MAX_BYTES, POLICY_SETS_UNSUPPORTED_PROVIDERS, POPULAR_SECTION, PREVIEW_BUILDING_STATES, PREVIEW_STATE_MESSAGE, PROJECT_GLYPH_COLORS, PROJECT_GLYPH_NAMES, UNKNOWN_RATIO, UPLOAD_LIMITS, appAdminsOnly, autoLinkUrls, avatarFill, buildWebhookSampleRequest, capitalizeWords, cardImageShape, cardListLayout, chalkColors, confirmCommitted, countInSection, dollarsToCredits, editConfigPrompt, errorCode, escapeCurrencyDollars, expandPastedContent, extractReadableHtml, fileTagBlocks, formatFileSize, formatRelative, formatUsdAsCredits, gridApps, groupIntoSections, hasReferenceDefinitionOutsideFences, humanizeCategory, indexOfIgnoreCase, isAllowedWebPushHost, isAmbiguousCreateFailure, isMermaidCode, isMetaAgentName, languageLabel, looksLikeMarkdown, masonryColumns, neutralizePastedTags, newConfigPrompt, newPastedContentId, normalizeLanguage, normalizeLatexDelimiters, openMarkdownLinkAtEnd, parseBackgroundWorkers, parseBalanceUsd, parseChannelMessage, parseGrepOutput, parseManifestText, parseMemoryEntryOutput, parseMemorySearchOutput, parseReminderPrompt, parseRoomDigest, parseRoomPrompt, parseSessionGetOutput, parseSessionMessagesOutput, parseSessionMetadataOutput, parseSessionSearchHits, parseTriggerEvent, parseTriggerLines, policySetNameError, prefersPreviewLink, prepareMarkdownForKatex, prepareMarkdownForMath, promptFileReferenceXml, ptyOutputBlock, ptySpawnedBody, pushTypeOf, referenceHeaders, removeSpans, replaceSpans, resolveRegisteredKey, safeHttpUrl, sandboxMediaPath, sanitizePromptUploadFilename, sectionKeyForCategory, sectionKeysForEntry, sectionTitle, selfClosingTags, serializePromptWithPastes, shouldTilePaste, skillDocumentBody, slackPlainText, slugifySlug, spaceSlug, splitPastedContent, stripBashMetadata, stripChatMentionMarkup, stripMarkupForToolOutput, tagBlocks, toolRegistryCandidates, trimPastedText, truncateString, utf8Bytes, withoutEdgeQuotes, xmlBlocks };
+export { AVATAR_INK, CARD_TEXT_RATIO, CHANNELS, CHANNEL_PLATFORM_IDS, COMMIT_CONFIRM_ATTEMPTS, COMMIT_CONFIRM_DELAY_MS, CREDITS_PER_DOLLAR, CURATED_SECTIONS, KATEX_FENCE_LANGUAGES, LANGUAGE_ALIASES, MAX_PROMPT_ATTACHMENTS_BYTES, MAX_PROMPT_ATTACHMENT_BYTES, MAX_PROMPT_ATTACHMENT_FILES, MAX_PROMPT_UPLOAD_FILENAME_BYTES, META_AGENT_DISPLAY_NAME, META_SANDBOX_SLUG, OTHER, PASTED_INLINE_MAX_BYTES, POLICY_SETS_UNSUPPORTED_PROVIDERS, POPULAR_SECTION, PREVIEW_BUILDING_STATES, PREVIEW_STATE_MESSAGE, PROJECT_GLYPH_COLORS, PROJECT_GLYPH_NAMES, UNKNOWN_RATIO, UPLOAD_LIMITS, appAdminsOnly, autoLinkUrls, avatarFill, buildWebhookSampleRequest, capitalizeWords, cardImageShape, cardListLayout, chalkColors, channelPromptTail, confirmCommitted, countInSection, dollarsToCredits, editConfigPrompt, errorCode, escapeCurrencyDollars, expandPastedContent, extractReadableHtml, fileTagBlocks, formatFileSize, formatRelative, formatUsdAsCredits, gridApps, groupIntoSections, hasReferenceDefinitionOutsideFences, humanizeCategory, indexOfIgnoreCase, isAllowedWebPushHost, isAmbiguousCreateFailure, isChannelFileLabel, isChannelPlatform, isMermaidCode, isMetaAgentName, languageLabel, looksLikeMarkdown, masonryColumns, neutralizePastedTags, newConfigPrompt, newPastedContentId, normalizeLanguage, normalizeLatexDelimiters, openMarkdownLinkAtEnd, parseBackgroundWorkers, parseBalanceUsd, parseChannelMessage, parseGrepOutput, parseManifestText, parseMemoryEntryOutput, parseMemorySearchOutput, parseReminderPrompt, parseRoomDigest, parseRoomPrompt, parseSessionGetOutput, parseSessionMessagesOutput, parseSessionMetadataOutput, parseSessionSearchHits, parseTriggerEvent, parseTriggerLines, policySetNameError, prefersPreviewLink, prepareMarkdownForKatex, prepareMarkdownForMath, promptFileReferenceXml, ptyOutputBlock, ptySpawnedBody, pushTypeOf, referenceHeaders, removeSpans, replaceSpans, resolveRegisteredKey, safeHttpUrl, sandboxMediaPath, sanitizePromptUploadFilename, sectionKeyForCategory, sectionKeysForEntry, sectionTitle, selfClosingTags, serializePromptWithPastes, shouldTilePaste, skillDocumentBody, slackPlainText, slugifySlug, spaceSlug, splitPastedContent, stripBashMetadata, stripChatMentionMarkup, stripMarkupForToolOutput, tagBlocks, toolRegistryCandidates, trimPastedText, truncateString, utf8Bytes, withoutEdgeQuotes, xmlBlocks };

package/dist/_vendor/shared/artifact-comments.d.ts

@@ -0,0 +1,235 @@
+import { z } from 'zod';
+export declare const artifactCommentAnchorSchema: z.ZodEffects<z.ZodDiscriminatedUnion<"type", [z.ZodObject<{
+    type: z.ZodLiteral<"text">;
+    version: z.ZodString;
+    quote: z.ZodString;
+    prefix: z.ZodString;
+    suffix: z.ZodString;
+}, "strict", z.ZodTypeAny, {
+    type: "text";
+    version: string;
+    quote: string;
+    prefix: string;
+    suffix: string;
+}, {
+    type: "text";
+    version: string;
+    quote: string;
+    prefix: string;
+    suffix: string;
+}>, z.ZodObject<{
+    offset: z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+    }, "strict", z.ZodTypeAny, {
+        x: number;
+        y: number;
+    }, {
+        x: number;
+        y: number;
+    }>;
+    version: z.ZodString;
+    selector: z.ZodString;
+    snippet: z.ZodString;
+    viewport_width: z.ZodNumber;
+    scroll: z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+    }, "strict", z.ZodTypeAny, {
+        x: number;
+        y: number;
+    }, {
+        x: number;
+        y: number;
+    }>;
+    type: z.ZodLiteral<"point">;
+}, "strict", z.ZodTypeAny, {
+    type: "point";
+    version: string;
+    offset: {
+        x: number;
+        y: number;
+    };
+    selector: string;
+    snippet: string;
+    viewport_width: number;
+    scroll: {
+        x: number;
+        y: number;
+    };
+}, {
+    type: "point";
+    version: string;
+    offset: {
+        x: number;
+        y: number;
+    };
+    selector: string;
+    snippet: string;
+    viewport_width: number;
+    scroll: {
+        x: number;
+        y: number;
+    };
+}>, z.ZodObject<{
+    offset: z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+        width: z.ZodNumber;
+        height: z.ZodNumber;
+    }, "strict", z.ZodTypeAny, {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }, {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    }>;
+    version: z.ZodString;
+    selector: z.ZodString;
+    snippet: z.ZodString;
+    viewport_width: z.ZodNumber;
+    scroll: z.ZodObject<{
+        x: z.ZodNumber;
+        y: z.ZodNumber;
+    }, "strict", z.ZodTypeAny, {
+        x: number;
+        y: number;
+    }, {
+        x: number;
+        y: number;
+    }>;
+    type: z.ZodLiteral<"region">;
+}, "strict", z.ZodTypeAny, {
+    type: "region";
+    version: string;
+    offset: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    selector: string;
+    snippet: string;
+    viewport_width: number;
+    scroll: {
+        x: number;
+        y: number;
+    };
+}, {
+    type: "region";
+    version: string;
+    offset: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    selector: string;
+    snippet: string;
+    viewport_width: number;
+    scroll: {
+        x: number;
+        y: number;
+    };
+}>, z.ZodObject<{
+    type: z.ZodLiteral<"none">;
+    version: z.ZodString;
+}, "strict", z.ZodTypeAny, {
+    type: "none";
+    version: string;
+}, {
+    type: "none";
+    version: string;
+}>]>, {
+    type: "text";
+    version: string;
+    quote: string;
+    prefix: string;
+    suffix: string;
+} | {
+    type: "point";
+    version: string;
+    offset: {
+        x: number;
+        y: number;
+    };
+    selector: string;
+    snippet: string;
+    viewport_width: number;
+    scroll: {
+        x: number;
+        y: number;
+    };
+} | {
+    type: "region";
+    version: string;
+    offset: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    selector: string;
+    snippet: string;
+    viewport_width: number;
+    scroll: {
+        x: number;
+        y: number;
+    };
+} | {
+    type: "none";
+    version: string;
+}, {
+    type: "text";
+    version: string;
+    quote: string;
+    prefix: string;
+    suffix: string;
+} | {
+    type: "point";
+    version: string;
+    offset: {
+        x: number;
+        y: number;
+    };
+    selector: string;
+    snippet: string;
+    viewport_width: number;
+    scroll: {
+        x: number;
+        y: number;
+    };
+} | {
+    type: "region";
+    version: string;
+    offset: {
+        x: number;
+        y: number;
+        width: number;
+        height: number;
+    };
+    selector: string;
+    snippet: string;
+    viewport_width: number;
+    scroll: {
+        x: number;
+        y: number;
+    };
+} | {
+    type: "none";
+    version: string;
+}>;
+export type ArtifactCommentAnchor = z.infer<typeof artifactCommentAnchorSchema>;
+export type ArtifactTextAnchor = Extract<ArtifactCommentAnchor, {
+    type: 'text';
+}>;
+export type ArtifactTextPosition = {
+    start: number | null;
+    end: number | null;
+    outdated: boolean;
+};
+export declare function reanchorArtifactText(text: string, anchor: ArtifactTextAnchor): ArtifactTextPosition;

package/dist/_vendor/shared/channel-descriptors.d.ts

@@ -0,0 +1,96 @@
+/**
+ * One descriptor per chat channel: the facts the API, the manifest schema and
+ * the web read instead of repeating them. To add a channel, add its id and its
+ * descriptor here; `tsc` then names every record that needs a value for it.
+ *
+ * No imports, so the dependency-free manifest constants can read it. Not in the
+ * package root: `channel-message.ts` already exports `CHANNEL_PLATFORMS` there.
+ */
+/** The `platform` of a `channel` connector. The order is the manifest schema's enum order. */
+export declare const CHANNEL_PLATFORM_IDS: readonly ["slack", "teams", "email", "telegram"];
+export type ChannelPlatformId = (typeof CHANNEL_PLATFORM_IDS)[number];
+export interface ChannelDescriptor {
+    /** The display name. */
+    label: string;
+    /** The platform word of a prompt header, `[<envelope> · …]`. Transcripts store it: never rename one. */
+    envelope: string;
+    /** The `native:<id>` catalog card. Its icon is `/connector-icons/<id>.svg`. */
+    catalog: {
+        domain: string;
+        description: string;
+    };
+    /** The most characters one message holds. */
+    messageChars?: number;
+    /** One tap per option up to `max` options. `dataBytes`: the platform's cap on a button's data. */
+    buttons?: {
+        max: number;
+        dataBytes?: number;
+    };
+    /** The token a person pastes to connect. */
+    connect?: {
+        tokenPattern: RegExp;
+        tokenPlaceholder: string;
+    };
+    /** Senders pass an allow-list of these user ids. */
+    access?: {
+        userId: RegExp;
+        idPlaceholder: string;
+        idsPlaceholder: string;
+        idInputMode: 'numeric' | 'text';
+    };
+}
+export declare const CHANNELS: {
+    readonly slack: {
+        readonly label: "Slack";
+        readonly envelope: "Slack";
+        readonly catalog: {
+            readonly domain: "slack.com";
+            readonly description: "Message the agent in Slack: mentions, DMs and channels, through the Kortix Slack app.";
+        };
+    };
+    readonly teams: {
+        readonly label: "Microsoft Teams";
+        readonly envelope: "Teams";
+        readonly catalog: {
+            readonly domain: "teams.microsoft.com";
+            readonly description: "Message the agent in Microsoft Teams chats and channels, through the Kortix Teams app.";
+        };
+        readonly buttons: {
+            readonly max: 6;
+        };
+    };
+    readonly email: {
+        readonly label: "Email";
+        readonly envelope: "Email";
+        readonly catalog: {
+            readonly domain: "email.kortix";
+            readonly description: "Give the project an inbox: people email the agent and it replies.";
+        };
+    };
+    readonly telegram: {
+        readonly label: "Telegram";
+        readonly envelope: "Telegram";
+        readonly catalog: {
+            readonly domain: "telegram.org";
+            readonly description: "Message the agent from Telegram through a bot you own.";
+        };
+        readonly messageChars: 4096;
+        readonly buttons: {
+            readonly max: 6;
+            readonly dataBytes: 64;
+        };
+        readonly connect: {
+            readonly tokenPattern: RegExp;
+            readonly tokenPlaceholder: "123456789:…";
+        };
+        readonly access: {
+            readonly userId: RegExp;
+            readonly idPlaceholder: "123456789";
+            readonly idsPlaceholder: "123456789, 987654321";
+            readonly idInputMode: "numeric";
+        };
+    };
+};
+/** The reserved slug a channel's built-in connector uses, so a user connector cannot take it. */
+export declare const channelConnectorSlug: <P extends ChannelPlatformId>(platform: P) => `kortix_${P}`;
+export declare const isChannelPlatform: (platform: string) => platform is ChannelPlatformId;

package/dist/_vendor/shared/channel-message.d.ts

@@ -29,8 +29,8 @@
  * attempt. The pre-2026 header regex and the `<at>` strip did: 240k characters
  * took 22 s and 7 s.
  */
-/** The platform words a header names. Any other word reads as Slack, as every deployed build reads it. */
-export declare const CHANNEL_PLATFORMS: readonly ["Slack", "Teams", "Telegram", "Email"];
+/** The platform words a header names: each channel descriptor's `envelope`. Any other word reads as Slack, as every deployed build reads it. */
+export declare const CHANNEL_PLATFORMS: ("Slack" | "Teams" | "Email" | "Telegram")[];
 export type ChannelPlatform = (typeof CHANNEL_PLATFORMS)[number];
 export interface ChannelMessageInfo {
     platform: ChannelPlatform;
@@ -42,6 +42,17 @@ export interface ChannelMessageInfo {
     followUp: boolean;
 }
 export declare function parseChannelMessage(rawText: string | null | undefined): ChannelMessageInfo | undefined;
+/**
+ * The lines Kortix wrote in a `channelPromptText` prompt: from its last `── <Platform> instructions`
+ * line on, where the channel core also puts each file's `<file>` tag. Empty for an older shape. A
+ * `<file>` tag before that line is in the sender's text, so it is text, not a file.
+ */
+export declare function channelPromptTail(text: string, platform: ChannelPlatform): string;
+/**
+ * True when the sender's text is only the label an adapter writes for a file sent with no caption
+ * (`(photo)`, `(file q3.pdf)`, `(voice message, 7 s)`). A view that draws the file hides it.
+ */
+export declare function isChannelFileLabel(text: string): boolean;
 /** What a channel adapter knows about one incoming message; `channelPromptText` writes it. */
 export interface ChannelEnvelope {
     platform: ChannelPlatform;

package/dist/_vendor/shared/index.d.ts

@@ -27,3 +27,4 @@ export * from './chat-mention';
 export * from './webhook-signing';
 export * from './pasted-content';
 export * from './space-slug';
+export * from './artifact-comments';

package/dist/_vendor/shared/runtime-versions.d.ts

@@ -19,6 +19,10 @@ export type RuntimeVersions = {
     agentBrowser: string;
     playwright: string;
     anydoc: string;
+    /** tembo/voxl commit the sandbox desktop streamer is built from (apps/sandbox/voxl/release.sh). */
+    voxl: string;
+    voxlSha256Amd64: string;
+    voxlSha256Arm64: string;
     /** pi packages every pi session loads, as pi sources: `npm:<name>@<exact version>`. */
     piSystemPackages: string[];
 };
@@ -45,6 +49,11 @@ export declare const OPENCODE_USER_AGENT: string;
 export declare const AGENT_BROWSER_VERSION: string;
 export declare const PLAYWRIGHT_VERSION: string;
 export declare const ANYDOC_VERSION: string;
+export declare const VOXL_VERSION: string;
+export declare const VOXL_SHA256_AMD64: string;
+export declare const VOXL_SHA256_ARM64: string;
+/** The GitHub release apps/sandbox/voxl/release.sh publishes for VOXL_VERSION. */
+export declare const VOXL_RELEASE_URL: string;
 /** Throws unless `source` is an exact `npm:<name>@<x.y.z>` pin. */
 export declare function assertPiSystemPackage(source: string): void;
 /**

package/dist/apps/app-preview-pool.js

@@ -9,7 +9,10 @@
  * parked off screen. A card or the big view CLAIMS it: the frame moves into
  * that slot with `Element.moveBefore`, which keeps the document alive. The
  * newest claim wins; releasing hands it back to the previous claim, else to
- * the parking lot. Without `moveBefore` (older browsers) the move reloads the
+ * the parking lot. A release lands at the end of the task: a release and a
+ * claim in one React commit (a Strict Mode remount, a page handing the frame
+ * to the next) leave the frame where it is or move it once, never through the
+ * parking lot, whose different size makes the page lay out (and flash) twice. Without `moveBefore` (older browsers) the move reloads the
  * frame — the old behavior — and nothing is preloaded.
  *
  * The frame's `src` is set once. A refetched access session mints a new URL
@@ -108,9 +111,23 @@ export function claimFrame(key, slot, placement) {
     return () => {
         entry.claims = entry.claims.filter((item) => item !== claim);
         if (entries.get(key) === entry)
-            place(entry);
+            placeAfterTask(entry);
     };
 }
+// Entries whose claims changed by a release, placed once the current task ends.
+const releasing = new Set();
+function placeAfterTask(entry) {
+    if (releasing.size === 0) {
+        queueMicrotask(() => {
+            const due = [...releasing];
+            releasing.clear();
+            for (const item of due)
+                if (entries.get(item.frame.dataset.frameKey ?? '') === item)
+                    place(item);
+        });
+    }
+    releasing.add(entry);
+}
 /** Restyle the current claim of `slot` (a card's scale changes as it is measured). */
 export function restyleFrame(key, slot, placement) {
     const entry = entries.get(key);

package/dist/artifacts/artifact-frame.js

@@ -4,10 +4,14 @@ import { forwardRef, useLayoutEffect, useState } from 'react';
 import { claimFrame, ensureFrame } from '../apps/app-preview-pool.js';
 import { ARTIFACT_FRAME_ALLOW, ARTIFACT_IFRAME_SANDBOX } from './frame-policy.js';
 /**
- * The frame's canvas: a third-party page with no background of its own reads
- * as a white page, as it would in a browser tab, in both themes.
+ * The frame's canvas: what shows where the page has not painted yet. Open, a
+ * third-party page with no background of its own reads as a white page, as it
+ * would in a browser tab, in both themes. As a card preview it is the app's
+ * background: a preview that is still painting (on load, on a tab switch)
+ * must not flash white in the dark theme.
  */
 const ARTIFACT_CANVAS = 'bg-white';
+const PREVIEW_CANVAS = 'bg-background';
 /**
  * An artifact page. The frame lives in the project's frame pool
  * (`@kortix/ui/apps`, shared with App previews): it loads once, in the
@@ -18,7 +22,7 @@ const ARTIFACT_CANVAS = 'bg-white';
 export const ArtifactFrame = forwardRef(function ArtifactFrame({ frameKey, src, title, className, preview }, ref) {
     const [slot, setSlot] = useState(null);
     const interactive = !preview;
-    const frameClass = `${className ?? ''} ${ARTIFACT_CANVAS}`;
+    const frameClass = `${className ?? ''} ${preview ? PREVIEW_CANVAS : ARTIFACT_CANVAS}`;
     useLayoutEffect(() => {
         if (!slot)
             return;

package/dist/customize/sections/component/channel-access-panel.js

@@ -23,18 +23,18 @@ import { errorToast } from '../../../primitives/toast.js';
 import { UserAvatar } from '../../../primitives/user-avatar.js';
 import { useAllowChannelUser, useChannelUserPhoto, useChannelUsers, useDismissChannelAccessRequest, useRemoveChannelUser, } from '../../../internal/hooks/channels/use-channels-installations.js';
 import { useTranslations } from '../../../i18n/index.js';
+import { CHANNELS } from '../../../_vendor/kortix-shared.js';
 import { UsersIcon } from '@phosphor-icons/react';
 import { useEffect, useId, useRef, useState } from 'react';
 /** What differs per platform. The `copy` values are `connectorPages` keys. */
 export const CHANNEL_ACCESS = {
     telegram: {
-        // Digits only.
         parseUserId: (raw) => {
             const id = raw.trim();
-            return /^\d{1,20}$/.test(id) ? id : null;
+            return CHANNELS.telegram.access.userId.test(id) ? id : null;
         },
-        idPlaceholder: '123456789',
-        idInputMode: 'numeric',
+        idPlaceholder: CHANNELS.telegram.access.idPlaceholder,
+        idInputMode: CHANNELS.telegram.access.idInputMode,
         copy: {
             descriptionKey: 'telegramUsersDescription',
             emptyDescription: 'telegramUsersEmptyDescription',

package/dist/customize/sections/component/telegram-channel-row.js

@@ -18,11 +18,13 @@ import { ChannelDisconnectButton, ChannelRow, } from './channel-row.js';
 import { ChannelAccessPanel } from './channel-access-panel.js';
 import { useConnectTelegram, useDisconnectTelegram, useTelegramInstall, } from '../../../internal/hooks/channels/use-channels-installations.js';
 import { useTranslations } from '../../../i18n/index.js';
+import { CHANNELS } from '../../../_vendor/kortix-shared.js';
 import { useState } from 'react';
+const TELEGRAM = CHANNELS.telegram;
 /** "1, 2 3" → ["1","2","3"]; null when any entry is not a number. */
 export function parseTelegramUserIds(raw) {
     const ids = raw.split(/[\s,]+/).filter(Boolean);
-    return ids.every((id) => /^\d{1,20}$/.test(id)) ? ids : null;
+    return ids.every((id) => TELEGRAM.access.userId.test(id)) ? ids : null;
 }
 export function TelegramChannelRow({ projectId, canWrite }) {
     const t = useTranslations('hardcodedUi.i18nComplete');
@@ -30,9 +32,9 @@ export function TelegramChannelRow({ projectId, canWrite }) {
     const { data: install } = useTelegramInstall(projectId);
     const disconnect = useDisconnectTelegram();
     const [dialog, setDialog] = useState(null);
-    return (_jsxs(_Fragment, { children: [_jsx(ChannelRow, { app: "telegram", name: "Telegram", connected: Boolean(install), detail: install?.username ? `@${install.username}` : null, hero: {
+    return (_jsxs(_Fragment, { children: [_jsx(ChannelRow, { app: "telegram", name: TELEGRAM.label, connected: Boolean(install), detail: install?.username ? `@${install.username}` : null, hero: {
                     title: tPages('telegramHeroTitle'),
-                    connectedTitle: tPages('channelConnectedTitle', { name: 'Telegram' }),
+                    connectedTitle: tPages('channelConnectedTitle', { name: TELEGRAM.label }),
                     ...(install ? {} : { lede: tPages('telegramHeroLede') }),
                     preview: _jsx(TelegramChatMock, {}),
                 }, pitch: t.raw('text51e6bc656528'), actions: !canWrite ? null : install ? (_jsxs(_Fragment, { children: [_jsxs(Button, { size: "sm", variant: "ghost", onClick: () => setDialog('users'), children: [t.raw('text2c3059c25723'), install.access_request_count ? (_jsx(CountBadge, { count: install.access_request_count, tone: "waiting" })) : null] }), _jsx(ChannelDisconnectButton, { pending: disconnect.isPending, onConfirm: (done) => disconnect.mutate(projectId, {
@@ -60,9 +62,9 @@ function TelegramConnectForm({ projectId, onDone }) {
                 },
                 onError: (error) => errorToast(error.message),
             });
-        }, children: [_jsxs(ModalHeader, { children: [_jsx(ModalTitle, { children: t.raw('text00c7991f0490') }), _jsx(ModalDescription, { children: t.raw('texta832efd235a7') })] }), _jsx(ModalBody, { children: _jsxs(FieldGroup, { children: [_jsxs(Field, { children: [_jsx(FieldTitle, { children: t.raw('text5bb9aecca021') }), _jsx(Input, { type: "password", autoComplete: "off", placeholder: "123456789:\u2026", value: token, onChange: (event) => setToken(event.target.value) })] }), _jsx(TelegramUsersField, { value: users, onChange: setUsers, invalid: !ids })] }) }), _jsxs(ModalFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: onDone, children: t.raw('text19766ed6ccb2') }), _jsxs(Button, { type: "submit", disabled: !token.trim() || !ids || connect.isPending, children: [connect.isPending ? _jsx(Loading, { className: "size-3.5 shrink-0" }) : null, t.raw('text1a2303ede074')] })] })] }));
+        }, children: [_jsxs(ModalHeader, { children: [_jsx(ModalTitle, { children: t.raw('text00c7991f0490') }), _jsx(ModalDescription, { children: t.raw('texta832efd235a7') })] }), _jsx(ModalBody, { children: _jsxs(FieldGroup, { children: [_jsxs(Field, { children: [_jsx(FieldTitle, { children: t.raw('text5bb9aecca021') }), _jsx(Input, { type: "password", autoComplete: "off", placeholder: TELEGRAM.connect.tokenPlaceholder, value: token, onChange: (event) => setToken(event.target.value) })] }), _jsx(TelegramUsersField, { value: users, onChange: setUsers, invalid: !ids })] }) }), _jsxs(ModalFooter, { children: [_jsx(Button, { type: "button", variant: "ghost", onClick: onDone, children: t.raw('text19766ed6ccb2') }), _jsxs(Button, { type: "submit", disabled: !token.trim() || !ids || connect.isPending, children: [connect.isPending ? _jsx(Loading, { className: "size-3.5 shrink-0" }) : null, t.raw('text1a2303ede074')] })] })] }));
 }
 function TelegramUsersField({ value, onChange, invalid, }) {
     const t = useTranslations('hardcodedUi.i18nComplete');
-    return (_jsxs(Field, { children: [_jsx(FieldTitle, { children: t.raw('text71552d197b53') }), _jsx(Input, { inputMode: "numeric", placeholder: "123456789, 987654321", value: value, onChange: (event) => onChange(event.target.value), "aria-invalid": invalid }), _jsx(FieldDescription, { children: invalid ? t.raw('text50fcd9c3c020') : t.raw('text1f7a451d4722') })] }));
+    return (_jsxs(Field, { children: [_jsx(FieldTitle, { children: t.raw('text71552d197b53') }), _jsx(Input, { inputMode: TELEGRAM.access.idInputMode, placeholder: TELEGRAM.access.idsPlaceholder, value: value, onChange: (event) => onChange(event.target.value), "aria-invalid": invalid }), _jsx(FieldDescription, { children: invalid ? t.raw('text50fcd9c3c020') : t.raw('text1f7a451d4722') })] }));
 }

package/dist/customize/sections/view/agent-editor-catalog.js

@@ -236,4 +236,9 @@ export const KORTIX_PERMISSIONS_CATALOG = [
         actions: ['project.artifact.read', 'project.artifact.write', 'project.artifact.manage', 'project.artifact.public'],
         featureFlag: 'artifacts',
     },
+    {
+        group: 'Artifact comments',
+        actions: ['project.artifact.comment'],
+        featureFlag: 'artifact_comments',
+    },
 ];

package/dist/customize/sections/view/channels-view.d.ts

@@ -1,6 +1,7 @@
+import { type ChannelPlatformId } from '../../../_vendor/shared/channel-descriptors.js';
 /** Reserved slug for the built-in Email channel (see api connectors.ts). */
 /** A Kortix channel's own page (`platform`), or every channel (the Channels page). */
-export type ChannelPlatform = 'slack' | 'teams' | 'email' | 'telegram';
+export type ChannelPlatform = ChannelPlatformId;
 export declare function ChannelsSection({ projectId, platform }: {
     projectId: string;
     platform?: ChannelPlatform;