@kortix/ui 0.14.11 → 0.14.12

package/dist/browser/browser-panel.d.ts

@@ -2,6 +2,7 @@ interface PreviewTabContentProps {
     tabId: string;
     projectId?: string;
     projectSessionId?: string;
+    targetUrl?: string;
 }
 /**
  * Preview tab content — renders a proxied sandbox URL in an iframe
@@ -11,5 +12,5 @@ interface PreviewTabContentProps {
  * any localhost:PORT address to navigate within the sandbox. Visited URLs are
  * recorded and offered back as "Recents" on the empty landing state.
  */
-export declare function BrowserPanel({ tabId, projectId, projectSessionId }: PreviewTabContentProps): import("react").JSX.Element;
+export declare function BrowserPanel({ tabId, projectId, projectSessionId, targetUrl }: PreviewTabContentProps): import("react").JSX.Element;
 export {};

package/dist/browser/browser-panel.js

@@ -43,7 +43,7 @@ const subscribeNoop = () => () => { };
  * any localhost:PORT address to navigate within the sandbox. Visited URLs are
  * recorded and offered back as "Recents" on the empty landing state.
  */
-export function BrowserPanel({ tabId, projectId, projectSessionId }) {
+export function BrowserPanel({ tabId, projectId, projectSessionId, targetUrl }) {
     const tHardcodedUi = useTranslations('hardcodedUi');
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
     const appPreviewTitle = tI18nComplete.raw('text6026c1d8c92e');
@@ -69,7 +69,7 @@ export function BrowserPanel({ tabId, projectId, projectSessionId }) {
     // reveal scroll shoves a permanent sideways offset onto the panel's
     // overflow-hidden ancestors. Mount-only on purpose (`autoFocus` semantics —
     // a later navigation clearing the URL must not steal the cursor).
-    const autoFocusAddressRef = useRef(!rawPreviewUrl);
+    const autoFocusAddressRef = useRef(!rawPreviewUrl && !targetUrl);
     useEffect(() => {
         if (autoFocusAddressRef.current)
             focusWithoutScroll(addressInputRef.current);
@@ -200,6 +200,16 @@ export function BrowserPanel({ tabId, projectId, projectSessionId }) {
         pushHistory(newProxyUrl);
         handleRefresh();
     }, [subdomainOpts, rewritePortPath, tabId, appPreviewTitle, updateTabMetadata, pushHistory, handleRefresh]);
+    const appliedTarget = useRef(null);
+    useEffect(() => {
+        if (!targetUrl || (appliedTarget.current?.tabId === tabId && appliedTarget.current.url === targetUrl))
+            return;
+        appliedTarget.current = { tabId, url: targetUrl };
+        // An external quick-view intent synchronizes the Browser tab and its navigation history.
+        // eslint-disable-next-line react-hooks/set-state-in-effect
+        if (targetUrl !== rawPreviewUrl && targetUrl !== originalUrl)
+            navigateTo(targetUrl);
+    }, [tabId, targetUrl, rawPreviewUrl, originalUrl, navigateTo]);
     const canGoBack = historyIndex > 0;
     const canGoForward = historyIndex < history.length - 1;
     /** Walk the history stack in either direction; the two directions were two

package/dist/i18n/en.d.ts

@@ -4878,6 +4878,7 @@ declare const catalog: {
             textce1e609b7bf5: string;
             textce34af36d804: string;
             textce4683e7013a: string;
+            text68971283841a: string;
             textce49e021df99: string;
             textce4c96225f63: string;
             textce5e9df4a78f: string;

package/dist/i18n/en.js

@@ -4879,6 +4879,7 @@ const catalog = {
             "textce1e609b7bf5": "Sandbox ports only",
             "textce34af36d804": "Kortix CompanyOS – the open-source operating system for your company",
             "textce4683e7013a": "Channel",
+            "text68971283841a": "Subject",
             "textce49e021df99": "The session owner or a project manager can reload it.",
             "textce4c96225f63": "1 attempt",
             "textce5e9df4a78f": "Service account",

package/dist/internal/lib/browser-noise/rules/extensions.js

@@ -24,6 +24,9 @@ const EXTENSION_PROTOCOL_PREFIXES = [
 ];
 const INJECTED_APP_SOURCE_PATTERNS = [
     /^app:\/\/\/scripts\/inpage\.js$/,
+    // Injected extension content script; KRTX-3704's onMessage TypeError has
+    // only this source, never a first-party _next bundle or resolved source.
+    /^app:\/\/\/js\/content\.js$/,
     // CookieYes (https://www.cookieyes.com) cookie-consent SDK runtime, served
     // from its own CDN workspace directory
     // `https://cdn-cookieyes.com/client_data/<workspace-id>/…`: `script.js` is

package/dist/internal/stores/kortix-computer-store.d.ts

@@ -100,6 +100,7 @@ interface KortixComputerState {
         target?: QuickViewTarget;
     } | null;
     mobileToolView: QuickView | null;
+    mobileToolTarget: QuickViewTarget | null;
     openFileInComputer: (filePath: string, filePathList?: string[], targetLine?: number) => void;
     openFileBrowser: () => void;
     navigateToToolCall: (toolIndex: number) => void;
@@ -196,7 +197,7 @@ interface KortixComputerState {
         target?: QuickViewTarget;
     } | null;
     /** Mobile only — open `view` in the standalone tool drawer. */
-    openMobileTool: (view: QuickView) => void;
+    openMobileTool: (view: QuickView, target?: QuickViewTarget) => void;
     closeMobileTool: () => void;
     reset: () => void;
 }

package/dist/internal/stores/kortix-computer-store.js

@@ -29,6 +29,7 @@ const initialState = {
     pendingPrimaryOpenSessionId: null,
     pendingQuickView: null,
     mobileToolView: null,
+    mobileToolTarget: null,
     /** A quick-view consumed by the transient BOOT shell (e.g. Terminal clicked
      *  while the sandbox boots). The shell's provider dies at the boot→ready
      *  handoff, taking the view with it — this remembers the intent so
@@ -283,6 +284,7 @@ export const useKortixComputerStore = create()(devtools((set, get) => ({
             pendingToolNavIndex: null,
             // A tool drawer belonging to the session the user just left.
             mobileToolView: null,
+            mobileToolTarget: null,
             // The ⌘I restore memory dies with the session. Within a session the
             // key is a minimise/restore pair; across one it is not, and a detail
             // last seen on a page the user has navigated away from must never be
@@ -421,11 +423,11 @@ export const useKortixComputerStore = create()(devtools((set, get) => ({
         }
         return { view: pending.view, target: pending.target };
     },
-    openMobileTool: (view) => {
-        set({ mobileToolView: view });
+    openMobileTool: (view, target) => {
+        set({ mobileToolView: view, mobileToolTarget: target ? { ...target } : null });
     },
     closeMobileTool: () => {
-        set({ mobileToolView: null });
+        set({ mobileToolView: null, mobileToolTarget: null });
     },
     reset: () => {
         console.log('[KortixComputerStore] Full reset');

package/dist/session/composer/index.d.ts

@@ -15,6 +15,7 @@ export { type DraftScope } from './draft/composer-draft.js';
 export { ComposerEditor, type ComposerEditorHandle } from './editor/composer-editor.js';
 export { baseExtensions } from './editor/extensions.js';
 export { MentionNode } from './editor/mention-node.js';
+export { MentionChip } from '../thread/mention-chip.js';
 export { baseSuggestion, type MenuController } from './editor/suggestion.js';
 export { ReasoningEffortSelector } from './reasoning-effort-selector.js';
 export { SessionChatInput, type SessionChatInputProps } from './session-chat-input.js';

package/dist/session/composer/index.js

@@ -14,6 +14,7 @@ export { ComposerUnderbar } from './composer-underbar.js';
 export { ComposerEditor } from './editor/composer-editor.js';
 export { baseExtensions } from './editor/extensions.js';
 export { MentionNode } from './editor/mention-node.js';
+export { MentionChip } from '../thread/mention-chip.js';
 export { baseSuggestion } from './editor/suggestion.js';
 export { ReasoningEffortSelector } from './reasoning-effort-selector.js';
 export { SessionChatInput } from './session-chat-input.js';

package/dist/session/panel/easy/detail-view.js

@@ -22,6 +22,7 @@ import { ButtonGroup } from '../../../primitives/button-group.js';
 import { Drawer, DrawerContent, DrawerHeader, DrawerTitle } from '../../../primitives/drawer.js';
 import { isPlanWriteTool } from '../../turn/plan-anchor.js';
 import { cn } from '../../../lib/utils.js';
+import { hasOpenFloatingLayer } from '../../../lib/z-stack.js';
 import { focusWithoutScroll } from '../../../internal/lib/utils/focus-without-scroll.js';
 import { CaretLeftIcon as ChevronLeft, CaretRightIcon as ChevronRight, } from '@phosphor-icons/react';
 import { AnimatePresence, m, useReducedMotion, } from 'motion/react';
@@ -116,6 +117,12 @@ function useDetailKeyboard(detail, isMobile, onBack, detailRef) {
             if (isTypingTarget(event.target))
                 return;
             if (event.key === 'Escape') {
+                if (event.defaultPrevented || hasOpenFloatingLayer())
+                    return;
+                const dialog = detailRef.current;
+                const coveringDialog = Array.from(document.querySelectorAll('[role="dialog"][data-state="open"],[role="alertdialog"][data-state="open"]')).some((layer) => !dialog || !layer.contains(dialog));
+                if (coveringDialog)
+                    return;
                 // Mark the press consumed: the page-wide triple-ESC-to-stop
                 // (`session-chat.tsx`) skips a `defaultPrevented` Escape. Without it,
                 // closing three full-screen images in a row stopped a running turn.

package/dist/session/panel/mobile-tool-drawer.js

@@ -19,6 +19,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
  */
 import { Drawer, DrawerContent, DrawerHeader, DrawerTitle } from '../../primitives/drawer.js';
 import { BrowserPanel } from '../../browser/browser-panel.js';
+import { ArtifactPanelPreview } from '../../artifacts/artifact-session.js';
+import { parseArtifactUrl } from '../../artifacts/frame-policy.js';
 import { CloseButton } from './easy/detail-view.js';
 import { SessionAuditPanel } from './session-audit-panel.js';
 import { SessionRemindersPanel } from './session-reminders-panel.js';
@@ -41,12 +43,14 @@ const TOOL_META = {
 };
 export function MobileToolDrawer({ sessionId, projectId, projectSessionId, }) {
     const view = useKortixComputerStore((s) => s.mobileToolView);
+    const target = useKortixComputerStore((s) => s.mobileToolTarget);
     const closeMobileTool = useKortixComputerStore((s) => s.closeMobileTool);
     const toolMeta = useLocalizedUiCatalog(TOOL_META);
     const meta = view ? toolMeta[view] : null;
+    const artifactUrl = view === 'browser' && target?.url && parseArtifactUrl(target.url) ? target.url : null;
     // Terminal, Browser and Files need the computer: while it boots, the drawer
     // shows the wake status in their place.
-    const booting = !!useOptionalSessionPanel()?.booting &&
+    const booting = !!useOptionalSessionPanel()?.booting && !artifactUrl &&
         (view === 'terminal' || view === 'browser' || view === 'files' || view === 'desktop');
-    return (_jsx(Drawer, { open: view !== null, onOpenChange: (next) => !next && closeMobileTool(), children: _jsxs(DrawerContent, { className: "flex h-[95dvh] max-h-[95dvh] min-h-[95dvh] flex-col overflow-hidden p-0", children: [_jsx(DrawerHeader, { className: "shrink-0 px-4 py-3 text-left", children: _jsxs(DrawerTitle, { className: "flex items-center justify-between gap-2 text-base", children: [_jsxs("span", { className: "flex items-center gap-2.5", children: [meta && _jsx(meta.Icon, { className: "text-muted-foreground size-4 shrink-0" }), meta?.label] }), _jsx(CloseButton, { onClose: closeMobileTool, variant: "ghost" })] }) }), _jsxs("div", { className: "min-h-0 flex-1 overflow-hidden", children: [booting && _jsx(SessionBootStatus, { projectId: projectId, sessionId: projectSessionId }), !booting && view === 'terminal' && (_jsx(SessionTerminalPanel, { sessionId: sessionId, projectId: projectId, projectSessionId: projectSessionId })), !booting && view === 'browser' && (_jsx(BrowserPanel, { tabId: sessionPreviewTabId(sessionId), projectId: projectId, projectSessionId: projectSessionId })), !booting && view === 'files' && (_jsx(SessionFilesExplorer, { chatSessionId: sessionId, projectId: projectId, projectSessionId: projectSessionId })), !booting && view === 'desktop' && (_jsx(SessionDesktop, { projectId: projectId, projectSessionId: projectSessionId, onClose: closeMobileTool })), view === 'audit' && (_jsx(SessionAuditPanel, { projectId: projectId, projectSessionId: projectSessionId })), view === 'reminders' && (_jsx("div", { className: "h-full overflow-y-auto p-4", children: _jsx(SessionRemindersPanel, { projectId: projectId, projectSessionId: projectSessionId }) }))] })] }) }));
+    return (_jsx(Drawer, { open: view !== null, onOpenChange: (next) => !next && closeMobileTool(), children: _jsxs(DrawerContent, { className: "flex h-[95dvh] max-h-[95dvh] min-h-[95dvh] flex-col overflow-hidden p-0", children: [_jsx(DrawerHeader, { className: "shrink-0 px-4 py-3 text-left", children: _jsxs(DrawerTitle, { className: "flex items-center justify-between gap-2 text-base", children: [_jsxs("span", { className: "flex items-center gap-2.5", children: [meta && _jsx(meta.Icon, { className: "text-muted-foreground size-4 shrink-0" }), meta?.label] }), _jsx(CloseButton, { onClose: closeMobileTool, variant: "ghost" })] }) }), _jsxs("div", { className: "min-h-0 flex-1 overflow-hidden", children: [booting && _jsx(SessionBootStatus, { projectId: projectId, sessionId: projectSessionId }), !booting && view === 'terminal' && (_jsx(SessionTerminalPanel, { sessionId: sessionId, projectId: projectId, projectSessionId: projectSessionId })), artifactUrl && _jsx(ArtifactPanelPreview, { url: artifactUrl, onClose: closeMobileTool }, artifactUrl), !booting && view === 'browser' && !artifactUrl && (_jsx(BrowserPanel, { tabId: sessionPreviewTabId(sessionId), projectId: projectId, projectSessionId: projectSessionId, targetUrl: target?.url })), !booting && view === 'files' && (_jsx(SessionFilesExplorer, { chatSessionId: sessionId, projectId: projectId, projectSessionId: projectSessionId })), !booting && view === 'desktop' && (_jsx(SessionDesktop, { projectId: projectId, projectSessionId: projectSessionId, onClose: closeMobileTool })), view === 'audit' && (_jsx(SessionAuditPanel, { projectId: projectId, projectSessionId: projectSessionId })), view === 'reminders' && (_jsx("div", { className: "h-full overflow-y-auto p-4", children: _jsx(SessionRemindersPanel, { projectId: projectId, projectSessionId: projectSessionId }) }))] })] }) }));
 }

package/dist/session/panel/open-session-quick-view.js

@@ -43,7 +43,7 @@ target) {
     // for behind the close button. The panel toggle still opens the panel;
     // this path is only the "show me this one tool" intent.
     if (isMobileViewport()) {
-        useKortixComputerStore.getState().openMobileTool(view);
+        useKortixComputerStore.getState().openMobileTool(view, target);
         track('panel_opened', { source, surface: 'mobile-tool', view });
         return;
     }

package/dist/session/turn/user-message.d.ts

@@ -18,10 +18,11 @@ export declare const BUBBLE_TEXT: string;
 export declare const BUBBLE_SURFACE: string;
 /**
  * Where a channel message came from, in the pill's hover card: the platform,
- * the channel or chat it was posted in, and who posted it. A Slack prompt
- * written before channel names were recorded carries a bare id (`C0DEV`); the
- * project's Slack bindings name it, read only while this card is open. A Teams
- * conversation id names nothing a person reads, so Teams shows no channel row.
+ * the channel or chat it was posted in (an email's subject, labelled Subject),
+ * and who posted it. A Slack prompt written before channel names were recorded
+ * carries a bare id (`C0DEV`); the project's Slack bindings name it, read only
+ * while this card is open. A Teams conversation id names nothing a person
+ * reads, so Teams shows no channel row.
  */
 export declare function ChannelOrigin({ info, platform }: {
     info: ChannelMessageInfo;

package/dist/session/turn/user-message.js

@@ -78,10 +78,11 @@ export const BUBBLE_TEXT = cn('text-[0.9rem] leading-[22px] font-medium', 'wrap-
 export const BUBBLE_SURFACE = cn('bg-muted text-foreground flex max-w-full flex-col px-3.5 py-2.5 select-none rounded-lg');
 /**
  * Where a channel message came from, in the pill's hover card: the platform,
- * the channel or chat it was posted in, and who posted it. A Slack prompt
- * written before channel names were recorded carries a bare id (`C0DEV`); the
- * project's Slack bindings name it, read only while this card is open. A Teams
- * conversation id names nothing a person reads, so Teams shows no channel row.
+ * the channel or chat it was posted in (an email's subject, labelled Subject),
+ * and who posted it. A Slack prompt written before channel names were recorded
+ * carries a bare id (`C0DEV`); the project's Slack bindings name it, read only
+ * while this card is open. A Teams conversation id names nothing a person
+ * reads, so Teams shows no channel row.
  */
 export function ChannelOrigin({ info, platform }) {
     const tI18nComplete = useTranslations('hardcodedUi.i18nComplete');
@@ -92,8 +93,9 @@ export function ChannelOrigin({ info, platform }) {
         ? data?.bindings.find((b) => b.platform === 'slack' && b.channelId === info.context)
         : undefined;
     const channel = info.platform === 'Teams' ? '' : (binding && slackConversationName(binding)) || info.context;
+    const place = info.platform === 'Email' ? tI18nComplete('text68971283841a') : tI18nComplete('textce4683e7013a');
     return (_jsx(SourceCard, { mark: _jsx(ChannelBrandMark, { platform: info.platform, className: "size-3.5 shrink-0" }), title: platform, rows: [
-            { label: tI18nComplete('textce4683e7013a'), value: channel },
+            { label: place, value: channel },
             { label: tI18nComplete('text218197693424'), value: info.userName },
         ] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kortix/ui",
-  "version": "0.14.11",
+  "version": "0.14.12",
   "description": "Kortix UI: the shared React component library for apps/web, Kortix Apps and SDK hosts. Tailwind v4 classes, themed by CSS variables.",
   "type": "module",
   "license": "Elastic-2.0",
@@ -2193,7 +2193,7 @@
     "@extend-ai/react-docx": "^0.7.5",
     "@extend-ai/react-xlsx": "0.13.4",
     "@glideapps/glide-data-grid": "6.0.4-alpha24",
-    "@kortix/llm-catalog": "0.14.11",
+    "@kortix/llm-catalog": "0.14.12",
     "@lezer/highlight": "1.2.3",
     "@paper-design/shaders-react": "^0.0.76",
     "@phosphor-icons/react": "2.1.10",
@@ -2285,7 +2285,7 @@
     "zustand": "^5.0.3"
   },
   "peerDependencies": {
-    "@kortix/sdk": "^0.14.11",
+    "@kortix/sdk": "^0.14.12",
     "@tanstack/react-query": "^5.75.2",
     "@types/react": ">=18",
     "react": ">=19",

package/skills/kortix-ui/references/modules.md

@@ -305,7 +305,7 @@ export function Ask({ projectId, onAsk }: { projectId: string; onAsk: (text: str
 }
 ```
 
-Names: `ComposerAboveCard`, `ComposerCard`, `AgentSelector`, `agentDisplayLabel`, `captureAttachmentSubmission`, `runComposerSend`, `AttachmentSubmission`, `COMMAND_CHIP_ATTRIBUTE`, `COMMAND_CHIP_LABEL_ATTRIBUTE`, `COMMAND_CHIP_SELECTOR`, `COMMAND_CHIP_VALUE`, `draftWillRunCommand`, `planCommandAttachments`, `planUnresolvedCommandChip`, `readCommandChipLabel`, `COMPOSER_INPUT_SLOT_CLASS`, `COMPOSER_SHELL_CLASS`, `Composer`, `ComposerChatInput`, `ComposerOptions`, `ComposerDropZone`, `ComposerUnderbar`, `DraftScope`, `ComposerEditor`, `ComposerEditorHandle`, `baseExtensions`, `MentionNode`, `baseSuggestion`, `MenuController`, `ReasoningEffortSelector`, `SessionChatInput`, `SessionChatInputProps`, `useFirstPromptPreviewStore`, `useSessionComposerPrefillStore`, `createSubmitLatch`, `AttachedFile`
+Names: `ComposerAboveCard`, `ComposerCard`, `AgentSelector`, `agentDisplayLabel`, `captureAttachmentSubmission`, `runComposerSend`, `AttachmentSubmission`, `COMMAND_CHIP_ATTRIBUTE`, `COMMAND_CHIP_LABEL_ATTRIBUTE`, `COMMAND_CHIP_SELECTOR`, `COMMAND_CHIP_VALUE`, `draftWillRunCommand`, `planCommandAttachments`, `planUnresolvedCommandChip`, `readCommandChipLabel`, `COMPOSER_INPUT_SLOT_CLASS`, `COMPOSER_SHELL_CLASS`, `Composer`, `ComposerChatInput`, `ComposerOptions`, `ComposerDropZone`, `ComposerUnderbar`, `DraftScope`, `ComposerEditor`, `ComposerEditorHandle`, `baseExtensions`, `MentionChip`, `MentionNode`, `baseSuggestion`, `MenuController`, `ReasoningEffortSelector`, `SessionChatInput`, `SessionChatInputProps`, `useFirstPromptPreviewStore`, `useSessionComposerPrefillStore`, `createSubmitLatch`, `AttachedFile`
 
 ## `@kortix/ui/session`