@nextclaw/ui 0.12.8 → 0.12.10

package/src/lib/i18n.pwa.ts

@@ -0,0 +1,62 @@
+export const PWA_LABELS: Record<string, { zh: string; en: string }> = {
+  pwaInstallTitle: { zh: '安装为应用', en: 'Install as App' },
+  pwaInstallDescription: {
+    zh: '把当前 NextClaw UI 安装为独立入口，方便从桌面、启动器或任务栏直接打开。',
+    en: 'Install this NextClaw UI as a standalone entry point you can launch from your desktop, launcher, or dock.'
+  },
+  pwaInstallAction: { zh: '安装 NextClaw', en: 'Install NextClaw' },
+  pwaInstallDismiss: { zh: '不再提示', en: "Don't Ask Again" },
+  pwaInstallAccepted: { zh: '已打开安装面板。', en: 'Install prompt opened.' },
+  pwaInstalledToast: { zh: 'NextClaw 已安装为应用入口。', en: 'NextClaw is now installed as an app.' },
+  pwaInstallStatusAvailable: { zh: '可安装', en: 'Installable' },
+  pwaInstallStatusInstalled: { zh: '已安装', en: 'Installed' },
+  pwaInstallStatusDesktopHost: { zh: '桌面宿主已接管', en: 'Desktop Host Active' },
+  pwaInstallStatusUnavailable: { zh: '当前不可安装', en: 'Unavailable' },
+  pwaInstallCardPrompt: {
+    zh: '当前浏览器已经准备好安装面板。安装后，NextClaw 会以独立窗口形态打开，但仍沿用同一套 Web UI 和运行时连接逻辑。',
+    en: 'Your browser is ready to install NextClaw. Once installed, it opens in a standalone window while keeping the same Web UI and runtime behavior.'
+  },
+  pwaInstallCardManual: {
+    zh: '当前环境支持把 NextClaw 安装为应用，但浏览器没有提供即时安装弹窗。你仍可通过浏览器菜单中的“安装应用”或“添加到主屏幕”完成安装。',
+    en: 'This environment can install NextClaw as an app, but the browser did not expose an immediate install prompt. Use your browser menu to install or add it to the home screen.'
+  },
+  pwaInstallCardInstalled: {
+    zh: '当前已经以应用形态运行。浏览器访问与已安装形态共用同一套 NextClaw UI，不会分叉成第二套产品逻辑。',
+    en: 'NextClaw is already running as an installed app. Browser access and the installed experience share the same UI and product behavior.'
+  },
+  pwaInstallCardSuppressed: {
+    zh: '当前 UI 已运行在 Electron 桌面宿主中，原生桌面壳优先于 PWA 入口，因此这里不会继续展示安装入口。',
+    en: 'This UI is already running inside the Electron desktop host. The native desktop shell takes priority, so the PWA install entry stays hidden here.'
+  },
+  pwaInstallCardInsecureContext: {
+    zh: '当前地址不是浏览器允许安装 PWA 的安全上下文。请使用 `localhost`、`127.0.0.1` 或 HTTPS 域名访问。',
+    en: 'This address is not a secure context for browser-managed app installation. Use localhost, 127.0.0.1, or an HTTPS origin instead.'
+  },
+  pwaInstallCardDevServer: {
+    zh: '当前是 Vite 开发环境。为避免 service worker 缓存和 HMR 热更新互相干扰，开发态默认关闭 PWA 安装与更新能力；请使用 preview 或正式构建验证 PWA。',
+    en: 'This is the Vite development server. PWA install and update are disabled in dev to avoid service worker caching conflicts with HMR; use preview or a production build to verify the PWA.'
+  },
+  pwaInstallCardUnsupported: {
+    zh: '当前浏览器环境不支持这套安装能力，或缺少 PWA 所需的关键运行能力。',
+    en: 'This browser environment does not support the required installation capabilities for this PWA shell.'
+  },
+  pwaInstallPromptHint: {
+    zh: '安装后仍然连接当前本地或远端 NextClaw 服务，不会额外生成一套离线副本。',
+    en: 'The installed app still connects to the same local or remote NextClaw service instead of creating an offline copy.'
+  },
+  pwaInstallManualHint: {
+    zh: '如果浏览器没有弹出安装面板，请打开浏览器菜单，选择“安装应用”“安装此站点”或“添加到主屏幕”等同类入口。',
+    en: 'If the browser does not show an install prompt, open the browser menu and look for actions such as Install App, Install Site, or Add to Home Screen.'
+  },
+  pwaInstallBannerTitle: { zh: '把 NextClaw 固定成桌面入口', en: 'Pin NextClaw as an App' },
+  pwaInstallBannerDescription: {
+    zh: '当前站点已经满足安装条件。安装后你可以像打开普通应用一样直接进入 NextClaw。',
+    en: 'This site is ready to install. Once installed, you can launch NextClaw like a regular app.'
+  },
+  pwaUpdateBannerTitle: { zh: 'NextClaw 已准备好更新', en: 'NextClaw Update Ready' },
+  pwaUpdateBannerDescription: {
+    zh: '检测到新的 PWA 壳版本，刷新后即可切换到最新 UI 资源。',
+    en: 'A newer PWA shell version is ready. Refresh to switch to the latest UI assets.'
+  },
+  pwaUpdateAction: { zh: '刷新更新', en: 'Refresh Now' }
+};

package/src/lib/i18n.remote.ts

@@ -5,7 +5,7 @@ export const REMOTE_LABELS: Record<string, { zh: string; en: string }> = {
     en: 'Make this device appear in your NextClaw Platform device list and open it from the web.'
   },
   remoteOpenWeb: { zh: '前往 NextClaw Web', en: 'Open NextClaw Web' },
-  remoteOpenDeviceList: { zh: '查看我的设备', en: 'View My Devices' },
+  remoteOpenDeviceList: { zh: '前往 NextClaw Web', en: 'Open NextClaw Web' },
   remoteOpenWebHint: {
     zh: '开启后，这台设备会出现在 NextClaw Web 中，你可以在那里点击打开并继续使用。',
     en: 'Once enabled, this device appears in NextClaw Web, where you can open it and keep working.'

package/src/lib/i18n.runtime-control.ts

@@ -75,6 +75,37 @@ export const RUNTIME_CONTROL_LABELS: Record<string, { zh: string; en: string }>
   runtimeControlRestartService: { zh: '重启服务', en: 'Restart Service' },
   runtimeControlStopService: { zh: '停止服务', en: 'Stop Service' },
   runtimeControlRestartApp: { zh: '重启应用', en: 'Restart App' },
+  runtimeControlPendingRestartTitle: { zh: '待重启', en: 'Pending Restart' },
+  runtimeControlPendingRestartDescription: {
+    zh: '这次改动已经保存，但系统不会自动重启。请在你方便的时候手动重启，重启完成后该提示会自动清空。',
+    en: 'These changes are saved, but the system will not restart automatically. Restart manually when you are ready, and this notice clears after the restart finishes.'
+  },
+  runtimeControlPendingRestartPaths: { zh: '待生效项', en: 'Changes Waiting For Restart' },
+  runtimeStatusLoadingTitle: { zh: '读取状态中', en: 'Loading status' },
+  runtimeStatusLoadingDescription: {
+    zh: '正在读取当前系统状态。',
+    en: 'Loading the current system status.'
+  },
+  runtimeStatusHealthyTitle: { zh: '系统正常', en: 'System healthy' },
+  runtimeStatusHealthyDescription: {
+    zh: '当前没有需要你立即处理的系统动作。',
+    en: 'There is no system action that needs your attention right now.'
+  },
+  runtimeStatusPendingRestartTitle: { zh: '待重启', en: 'Restart required' },
+  runtimeStatusPendingRestartDescription: {
+    zh: '这些改动已经保存，但不会自动重启。你可以在这里查看原因，并在方便的时候手动重启。',
+    en: 'These changes are saved, but the system will not restart automatically. Review the reason here and restart when you are ready.'
+  },
+  runtimeStatusPendingRestartReasonItem: {
+    zh: '{path} 改动将在重启后生效。',
+    en: 'Changes in {path} will apply after restart.'
+  },
+  runtimeStatusActionHint: {
+    zh: '准备好时再执行',
+    en: 'Run when you are ready'
+  },
+  runtimeStatusRestartAction: { zh: '立即重启', en: 'Restart now' },
+  runtimeStatusRestartingAction: { zh: '重启中...', en: 'Restarting...' },
   runtimeControlStartingServiceHelp: {
     zh: '正在启动 NextClaw 服务，页面可能会在服务恢复后重新连接。',
     en: 'Starting the NextClaw service. The page may reconnect after the service becomes available.'

package/src/lib/i18n.ts

@@ -15,6 +15,7 @@ import {
 import { DESKTOP_UPDATE_LABELS } from './desktop-update-labels.utils';
 import { MARKETPLACE_LABELS } from './i18n.marketplace';
 import { PATH_PICKER_LABELS } from './i18n-runtime/i18n.path-picker';
+import { PWA_LABELS } from './i18n.pwa';
 import { REMOTE_LABELS } from './i18n.remote';
 import { RUNTIME_CONTROL_LABELS } from './i18n.runtime-control';
 import { SEARCH_LABELS } from './i18n.search';
@@ -24,7 +25,6 @@ export function formatDateTime(value?: string | Date, lang: I18nLanguage = getLa
   if (!value) {
     return '-';
   }
-
   const date = value instanceof Date ? value : new Date(value);
   if (Number.isNaN(date.getTime())) {
     return typeof value === 'string' ? value : '-';
@@ -497,27 +497,23 @@ export const LABELS: Record<string, { zh: string; en: string }> = {
 
   // Remote & Status
   ...REMOTE_LABELS,
-
-  // Action labels
   actionConfigure: { zh: '配置', en: 'Configure' },
   actionAddProvider: { zh: '添加提供商', en: 'Add Provider' },
   actionEnable: { zh: '启用', en: 'Enable' },
-
-  // Messages
   configSaved: { zh: '配置已保存', en: 'Configuration saved' },
+  configSavedApplying: { zh: '配置已保存，正在应用', en: 'Configuration saved, applying changes' },
   configSavedApplied: { zh: '配置已保存并已应用', en: 'Configuration saved and applied' },
   configSaveFailed: { zh: '保存配置失败', en: 'Failed to save configuration' },
   configReloaded: { zh: '配置已重载', en: 'Configuration reloaded' },
   configReloadFailed: { zh: '重载配置失败', en: 'Failed to reload configuration' },
-  feishuVerifySuccess: {
-    zh: '验证成功，请到飞书开放平台完成事件订阅与发布后再开始使用。',
-    en: 'Verified. Please finish Feishu event subscription and app publishing before using.'
-  },
+  channelConfigApplying: { zh: '渠道配置正在应用', en: 'Channel configuration is applying' },
+  channelConfigApplied: { zh: '渠道配置已应用', en: 'Channel configuration applied' },
+  channelConfigApplyFailed: { zh: '渠道配置应用失败', en: 'Failed to apply channel configuration' },
+  feishuVerifySuccess: { zh: '验证成功，请到飞书开放平台完成事件订阅与发布后再开始使用。', en: 'Verified. Please finish Feishu event subscription and app publishing before using.' },
   feishuVerifyFailed: { zh: '验证失败', en: 'Verification failed' },
   enterTag: { zh: '输入后按回车...', en: 'Type and press Enter...' },
   headerName: { zh: 'Header 名称', en: 'Header Name' },
   headerValue: { zh: 'Header 值', en: 'Header Value' },
-
   // Doc Browser
   docBrowserTitle: { zh: '内嵌浏览器', en: 'Embedded Browser' },
   docBrowserSearchPlaceholder: { zh: '搜索，也可以输入文档地址直接打开', en: 'Search, or enter a doc URL to open' },
@@ -531,6 +527,7 @@ export const LABELS: Record<string, { zh: string; en: string }> = {
   docBrowserCloseTab: { zh: '关闭标签', en: 'Close Tab' },
   docBrowserTabUntitled: { zh: '未命名', en: 'Untitled' },
   ...PATH_PICKER_LABELS,
+  ...PWA_LABELS,
   ...CHANNEL_AUTH_LABELS,
 };
 

package/src/lib/session-context.utils.test.ts

@@ -0,0 +1,71 @@
+import { describe, expect, it, vi } from "vitest";
+import { resolveSessionContextView } from "@/lib/session-context.utils";
+
+vi.mock("@/lib/logos", () => ({
+  getChannelLogo: vi.fn(() => null),
+}));
+
+vi.mock("@/lib/i18n", () => ({
+  t: (key: string) => key,
+}));
+
+describe("resolveSessionContextView", () => {
+  it("prefers a declared runtime icon before falling back to a text label", () => {
+    const view = resolveSessionContextView(
+      {
+        key: "session-1",
+        createdAt: "2026-04-18T00:00:00.000Z",
+        updatedAt: "2026-04-18T00:00:00.000Z",
+        sessionType: "hermes",
+        sessionTypeMutable: true,
+        messageCount: 1,
+      },
+      [
+        {
+          value: "hermes",
+          label: "Hermes",
+          icon: {
+            kind: "image",
+            src: "app://runtime-icons/hermes-agent.png",
+            alt: "Hermes",
+          },
+        },
+      ],
+    );
+
+    expect(view).toEqual({
+      icon: {
+        kind: "runtime-image",
+        src: "app://runtime-icons/hermes-agent.png",
+        alt: "Hermes",
+        name: "Hermes",
+      },
+      label: null,
+    });
+  });
+
+  it("falls back to the resolved runtime label when no runtime icon is available", () => {
+    const view = resolveSessionContextView(
+      {
+        key: "session-2",
+        createdAt: "2026-04-18T00:00:00.000Z",
+        updatedAt: "2026-04-18T00:00:00.000Z",
+        sessionType: "custom-runtime",
+        sessionTypeMutable: true,
+        messageCount: 2,
+      },
+      [
+        {
+          value: "custom-runtime",
+          label: "Custom Runtime",
+          icon: null,
+        },
+      ],
+    );
+
+    expect(view).toEqual({
+      icon: null,
+      label: "Custom Runtime",
+    });
+  });
+});

package/src/lib/session-context.utils.ts

@@ -1,4 +1,4 @@
-import type { SessionEntryView } from '@/api/types';
+import type { SessionEntryView, SessionTypeIconView } from '@/api/types';
 import { t } from '@/lib/i18n';
 import { getChannelLogo } from '@/lib/logos';
 
@@ -6,6 +6,7 @@ type SessionContextSymbolIcon = 'heartbeat' | 'cron';
 
 export type SessionContextIcon =
   | { kind: 'channel-logo'; channel: string }
+  | { kind: 'runtime-image'; src: string; alt?: string | null; name?: string | null }
   | { kind: 'symbol'; icon: SessionContextSymbolIcon };
 
 export type SessionContextView = {
@@ -55,6 +56,17 @@ function resolveSessionTypeLabel(
   return toTitleCaseByDelimiter(normalized);
 }
 
+function resolveSessionTypeOption(
+  sessionType: string,
+  options: Array<{ value: string; label: string; icon?: SessionTypeIconView | null }>
+): { value: string; label: string; icon?: SessionTypeIconView | null } | null {
+  const normalized = normalize(sessionType);
+  if (!normalized || normalized === 'native') {
+    return null;
+  }
+  return options.find((option) => normalize(option.value) === normalized) ?? null;
+}
+
 function resolveChannelLogoName(channel: string): string | null {
   const normalized = normalize(channel);
   if (!normalized) {
@@ -66,7 +78,7 @@ function resolveChannelLogoName(channel: string): string | null {
 
 export function resolveSessionContextView(
   session: SessionEntryView,
-  options: Array<{ value: string; label: string }>
+  options: Array<{ value: string; label: string; icon?: SessionTypeIconView | null }>
 ): SessionContextView {
   const logoChannel = resolveChannelLogoName(session.channel ?? '');
   if (logoChannel) {
@@ -83,6 +95,18 @@ export function resolveSessionContextView(
   }
 
   const sessionType = normalize(session.sessionType);
+  const matchedSessionTypeOption = resolveSessionTypeOption(sessionType, options);
+  if (matchedSessionTypeOption?.icon?.src?.trim()) {
+    return {
+      icon: {
+        kind: 'runtime-image',
+        src: matchedSessionTypeOption.icon.src,
+        alt: matchedSessionTypeOption.icon.alt ?? null,
+        name: matchedSessionTypeOption.label
+      },
+      label: null,
+    };
+  }
   const labelKey = SESSION_TYPE_LABEL_REGISTRY[sessionType];
   if (labelKey) {
     return { icon: null, label: t(labelKey) };
@@ -90,6 +114,7 @@ export function resolveSessionContextView(
 
   return {
     icon: null,
-    label: resolveSessionTypeLabel(session.sessionType, options),
+    label:
+      matchedSessionTypeOption?.label?.trim() || resolveSessionTypeLabel(session.sessionType, options),
   };
 }

package/src/lib/session-project/workspace-file-breadcrumb.test.ts

@@ -0,0 +1,83 @@
+import { describe, expect, it } from "vitest";
+import { buildWorkspaceFileBreadcrumb } from "@/lib/session-project/workspace-file-breadcrumb";
+
+describe("buildWorkspaceFileBreadcrumb", () => {
+  it("builds project-relative breadcrumbs for files inside the active workspace", () => {
+    const breadcrumb = buildWorkspaceFileBreadcrumb({
+      path: "/Users/demo/project-alpha/src/chat/example.tsx",
+      sessionProjectRoot: "/Users/demo/project-alpha",
+      truncated: false,
+    });
+
+    expect(breadcrumb.segments).toEqual([
+      {
+        key: "workspace:project-alpha",
+        label: "project-alpha",
+        kind: "workspace",
+        isCurrent: false,
+      },
+      {
+        key: "0:src",
+        label: "src",
+        kind: "directory",
+        isCurrent: false,
+      },
+      {
+        key: "1:chat",
+        label: "chat",
+        kind: "directory",
+        isCurrent: false,
+      },
+      {
+        key: "2:example.tsx",
+        label: "example.tsx",
+        kind: "file",
+        isCurrent: true,
+      },
+    ]);
+  });
+
+  it("keeps absolute path breadcrumbs when the file sits outside the workspace root", () => {
+    const breadcrumb = buildWorkspaceFileBreadcrumb({
+      path: "/tmp/example.ts",
+      sessionProjectRoot: "/Users/demo/project-alpha",
+      truncated: false,
+    });
+
+    expect(breadcrumb.segments).toEqual([
+      {
+        key: "root:/",
+        label: "/",
+        kind: "root",
+        isCurrent: false,
+      },
+      {
+        key: "0:tmp",
+        label: "tmp",
+        kind: "directory",
+        isCurrent: false,
+      },
+      {
+        key: "1:example.ts",
+        label: "example.ts",
+        kind: "file",
+        isCurrent: true,
+      },
+    ]);
+  });
+
+  it("attaches line metadata for the workspace breadcrumb bar", () => {
+    const breadcrumb = buildWorkspaceFileBreadcrumb({
+      path: "README.md",
+      sessionProjectRoot: "/Users/demo/project-alpha",
+      line: 12,
+      column: 4,
+      truncated: true,
+    });
+
+    expect(breadcrumb.locationLabel).toBe("L12:4");
+    expect(breadcrumb.truncated).toBe(true);
+    expect(breadcrumb.segments[0]?.label).toBe("project-alpha");
+    expect(breadcrumb.segments[1]?.label).toBe("README.md");
+  });
+});

package/src/lib/session-project/workspace-file-breadcrumb.ts

@@ -0,0 +1,188 @@
+import { getSessionProjectName } from "@/lib/session-project/session-project.utils";
+
+export type WorkspaceFileBreadcrumbSegmentViewModel = {
+  key: string;
+  label: string;
+  kind: "workspace" | "root" | "directory" | "file";
+  isCurrent: boolean;
+};
+
+export type WorkspaceFileBreadcrumbViewModel = {
+  fullPath: string;
+  locationLabel: string | null;
+  truncated: boolean;
+  segments: WorkspaceFileBreadcrumbSegmentViewModel[];
+};
+
+function trimPathSeparators(value: string): string {
+  if (/^[A-Za-z]:[\\/]?$/.test(value) || value === "/") {
+    return value;
+  }
+  return value.replace(/[\\/]+$/, "");
+}
+
+function normalizeComparablePath(value: string): string {
+  const trimmed = trimPathSeparators(value.trim().replace(/\\/g, "/"));
+  return /^[A-Za-z]:/.test(trimmed)
+    ? `${trimmed.slice(0, 1).toLowerCase()}${trimmed.slice(1)}`
+    : trimmed;
+}
+
+function readDisplaySegments(value: string): {
+  prefix: string | null;
+  segments: string[];
+} {
+  const normalized = value.trim().replace(/\\/g, "/");
+
+  if (!normalized) {
+    return { prefix: null, segments: [] };
+  }
+
+  if (/^[A-Za-z]:\//.test(normalized)) {
+    return {
+      prefix: normalized.slice(0, 2),
+      segments: normalized.slice(3).split("/").filter(Boolean),
+    };
+  }
+
+  if (normalized.startsWith("/")) {
+    return {
+      prefix: "/",
+      segments: normalized.slice(1).split("/").filter(Boolean),
+    };
+  }
+
+  return {
+    prefix: null,
+    segments: normalized.split("/").filter(Boolean),
+  };
+}
+
+function readRelativeSegments(params: {
+  path: string;
+  sessionProjectRoot: string;
+}): string[] | null {
+  const normalizedPath = normalizeComparablePath(params.path);
+  const normalizedRoot = normalizeComparablePath(params.sessionProjectRoot);
+
+  if (!normalizedPath || !normalizedRoot) {
+    return null;
+  }
+
+  if (
+    !normalizedPath.startsWith("/") &&
+    !/^[A-Za-z]:\//.test(normalizedPath)
+  ) {
+    return normalizedPath.split("/").filter(Boolean);
+  }
+
+  if (normalizedPath === normalizedRoot) {
+    return [];
+  }
+
+  const rootPrefix = normalizedRoot.endsWith("/")
+    ? normalizedRoot
+    : `${normalizedRoot}/`;
+
+  if (!normalizedPath.startsWith(rootPrefix)) {
+    return null;
+  }
+
+  return normalizedPath.slice(rootPrefix.length).split("/").filter(Boolean);
+}
+
+function buildSegmentsFromLabels(params: {
+  labels: string[];
+  leading?: WorkspaceFileBreadcrumbSegmentViewModel | null;
+}): WorkspaceFileBreadcrumbSegmentViewModel[] {
+  const { labels, leading = null } = params;
+  const items = labels.map<WorkspaceFileBreadcrumbSegmentViewModel>(
+    (label, index) => ({
+      key: `${index}:${label}`,
+      label,
+      kind: index === labels.length - 1 ? "file" : "directory",
+      isCurrent: index === labels.length - 1,
+    }),
+  );
+
+  return leading ? [leading, ...items] : items;
+}
+
+function buildLocationLabel(params: {
+  line?: number | null;
+  column?: number | null;
+}): string | null {
+  const { column, line } = params;
+
+  if (typeof line !== "number") {
+    return null;
+  }
+
+  return `L${line}${typeof column === "number" ? `:${column}` : ""}`;
+}
+
+export function buildWorkspaceFileBreadcrumb(params: {
+  path: string;
+  sessionProjectRoot: string | null;
+  line?: number | null;
+  column?: number | null;
+  truncated: boolean;
+}): WorkspaceFileBreadcrumbViewModel {
+  const { column, line, path, sessionProjectRoot, truncated } = params;
+  const fullPath = path.trim();
+  const relativeSegments =
+    sessionProjectRoot?.trim() && fullPath
+      ? readRelativeSegments({
+          path: fullPath,
+          sessionProjectRoot,
+        })
+      : null;
+
+  let segments: WorkspaceFileBreadcrumbSegmentViewModel[];
+
+  if (sessionProjectRoot?.trim() && relativeSegments) {
+    const workspaceLabel =
+      getSessionProjectName(sessionProjectRoot) ?? sessionProjectRoot.trim();
+
+    segments = buildSegmentsFromLabels({
+      labels: relativeSegments,
+      leading: {
+        key: `workspace:${workspaceLabel}`,
+        label: workspaceLabel,
+        kind: "workspace",
+        isCurrent: relativeSegments.length === 0,
+      },
+    });
+  } else {
+    const { prefix, segments: labels } = readDisplaySegments(fullPath);
+    segments = buildSegmentsFromLabels({
+      labels,
+      leading: prefix
+        ? {
+            key: `root:${prefix}`,
+            label: prefix,
+            kind: "root",
+            isCurrent: labels.length === 0,
+          }
+        : null,
+    });
+  }
+
+  if (segments.length === 0) {
+    segments = [
+      {
+        key: "file:unknown",
+        label: fullPath || "file",
+        kind: "file",
+        isCurrent: true,
+      },
+    ];
+  }
+
+  return {
+    fullPath,
+    locationLabel: buildLocationLabel({ line, column }),
+    truncated,
+    segments,
+  };
+}