@agi-fans/dsh-tui 0.4.0 → 0.5.0

package/lib/chrome/status-config.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Status-line customization shared by settings, persistence, and rendering.
+ * @module @agi-fans/dsh-tui/status-config
+ */
+/** Stable telemetry groups users can show, hide, and reorder. */
+export declare const STATUS_GROUP_IDS: readonly ["context", "cache", "tokens", "speed", "durations", "counts"];
+export type StatusGroupId = (typeof STATUS_GROUP_IDS)[number];
+/** First-line pieces: model, reasoning effort, workspace path, and Git branch. */
+export declare const STATUS_META_IDS: readonly ["model", "effort", "path", "git"];
+export type StatusMetaId = (typeof STATUS_META_IDS)[number];
+/** Every independently placed footer item. */
+export declare const STATUS_ITEM_IDS: readonly ["model", "effort", "path", "git", "context", "cache", "tokens", "speed", "durations", "counts"];
+export type StatusItemId = (typeof STATUS_ITEM_IDS)[number];
+export declare const STATUS_LABEL_STYLES: readonly ["compact", "full"];
+export type StatusLabelStyle = (typeof STATUS_LABEL_STYLES)[number];
+/**
+ * Color slots: one per preview item, plus legacy `metrics` as a fallback for
+ * telemetry groups that do not have their own color yet.
+ */
+export declare const STATUS_COLOR_SLOTS: readonly ["model", "effort", "path", "git", "context", "cache", "tokens", "speed", "durations", "counts", "metrics"];
+export type StatusColorSlot = (typeof STATUS_COLOR_SLOTS)[number];
+/** Theme tokens offered for a status item. `default` keeps the built-in hierarchy. */
+export declare const STATUS_COLOR_TOKENS: readonly ["default", "text", "muted", "accent", "success", "warning", "border", "label"];
+export type StatusColorToken = (typeof STATUS_COLOR_TOKENS)[number];
+/** Footer column an item can occupy. */
+export declare const STATUS_SIDES: readonly ["left", "right"];
+export type StatusSide = (typeof STATUS_SIDES)[number];
+export declare const DEFAULT_STATUS_SIDES: Record<StatusItemId, StatusSide>;
+/** Per-item color choices. Omitted items keep their built-in tone. */
+export type StatusBarColors = Partial<Record<StatusColorSlot, StatusColorToken>>;
+/** User-owned status-line layout. Missing `groups`/`meta` are hidden; `order` retains their slots. */
+export interface StatusBarConfig {
+    enabled: boolean;
+    labels: StatusLabelStyle;
+    groups: StatusGroupId[];
+    /** Complete visual order, including hidden groups. Absent in legacy settings. */
+    order?: StatusGroupId[];
+    /** Visible first-line items. Absent means every meta item is shown. */
+    meta?: StatusMetaId[];
+    /** Complete first-line order, including hidden meta items. */
+    metaOrder?: StatusMetaId[];
+    /** Optional per-item colors for the two-line footer. */
+    colors?: StatusBarColors;
+    /** Optional left/right column for each item. */
+    sides?: Partial<Record<StatusItemId, StatusSide>>;
+}
+/** Normalized layout always carries complete orders, colors, and columns. */
+export interface ResolvedStatusBarConfig extends StatusBarConfig {
+    order: StatusGroupId[];
+    meta: StatusMetaId[];
+    metaOrder: StatusMetaId[];
+    colors: Required<StatusBarColors>;
+    sides: Record<StatusItemId, StatusSide>;
+}
+/** Legacy value accepted while existing settings documents migrate. */
+export declare const STATUS_PRESETS: readonly ["minimal", "compact", "full"];
+export type StatusPreset = (typeof STATUS_PRESETS)[number];
+export declare const DEFAULT_STATUS_GROUPS: readonly StatusGroupId[];
+export declare const DEFAULT_STATUS_META: readonly StatusMetaId[];
+export declare const DEFAULT_STATUS_COLORS: Required<StatusBarColors>;
+/** Return a fresh default so callers can safely replace its group list. */
+export declare function defaultStatusBarConfig(): ResolvedStatusBarConfig;
+export declare function isStatusMetaId(value: unknown): value is StatusMetaId;
+export declare function isStatusItemId(value: unknown): value is StatusItemId;
+export declare function itemSide(config: StatusBarConfig, id: StatusItemId): StatusSide;
+/**
+ * Normalize persisted input at the single configuration seam. Invalid and
+ * duplicate groups disappear; legacy presets retain their previous meaning.
+ */
+export declare function resolveStatusBarConfig(config?: Partial<StatusBarConfig>, legacyPreset?: StatusPreset): ResolvedStatusBarConfig;

package/lib/chrome/status-config.js

@@ -0,0 +1,147 @@
+/**
+ * Status-line customization shared by settings, persistence, and rendering.
+ * @module @agi-fans/dsh-tui/status-config
+ */
+/** Stable telemetry groups users can show, hide, and reorder. */
+export const STATUS_GROUP_IDS = ['context', 'cache', 'tokens', 'speed', 'durations', 'counts'];
+/** First-line pieces: model, reasoning effort, workspace path, and Git branch. */
+export const STATUS_META_IDS = ['model', 'effort', 'path', 'git'];
+/** Every independently placed footer item. */
+export const STATUS_ITEM_IDS = [...STATUS_META_IDS, ...STATUS_GROUP_IDS];
+export const STATUS_LABEL_STYLES = ['compact', 'full'];
+/**
+ * Color slots: one per preview item, plus legacy `metrics` as a fallback for
+ * telemetry groups that do not have their own color yet.
+ */
+export const STATUS_COLOR_SLOTS = [...STATUS_ITEM_IDS, 'metrics'];
+/** Theme tokens offered for a status item. `default` keeps the built-in hierarchy. */
+export const STATUS_COLOR_TOKENS = ['default', 'text', 'muted', 'accent', 'success', 'warning', 'border', 'label'];
+/** Footer column an item can occupy. */
+export const STATUS_SIDES = ['left', 'right'];
+export const DEFAULT_STATUS_SIDES = {
+    model: 'left',
+    effort: 'left',
+    path: 'right',
+    git: 'right',
+    context: 'left',
+    cache: 'left',
+    tokens: 'left',
+    speed: 'left',
+    durations: 'right',
+    counts: 'right',
+};
+/** Legacy value accepted while existing settings documents migrate. */
+export const STATUS_PRESETS = ['minimal', 'compact', 'full'];
+export const DEFAULT_STATUS_GROUPS = STATUS_GROUP_IDS;
+export const DEFAULT_STATUS_META = STATUS_META_IDS;
+export const DEFAULT_STATUS_COLORS = {
+    model: 'default',
+    effort: 'default',
+    path: 'default',
+    git: 'default',
+    metrics: 'default',
+    context: 'default',
+    cache: 'default',
+    tokens: 'default',
+    speed: 'default',
+    durations: 'default',
+    counts: 'default',
+};
+/** Return a fresh default so callers can safely replace its group list. */
+export function defaultStatusBarConfig() {
+    return {
+        enabled: true,
+        labels: 'compact',
+        groups: [...DEFAULT_STATUS_GROUPS],
+        order: [...DEFAULT_STATUS_GROUPS],
+        meta: [...DEFAULT_STATUS_META],
+        metaOrder: [...DEFAULT_STATUS_META],
+        colors: { ...DEFAULT_STATUS_COLORS },
+        sides: { ...DEFAULT_STATUS_SIDES },
+    };
+}
+function isStatusGroupId(value) {
+    return typeof value === 'string' && STATUS_GROUP_IDS.includes(value);
+}
+export function isStatusMetaId(value) {
+    return typeof value === 'string' && STATUS_META_IDS.includes(value);
+}
+export function isStatusItemId(value) {
+    return typeof value === 'string' && STATUS_ITEM_IDS.includes(value);
+}
+function isStatusLabelStyle(value) {
+    return typeof value === 'string' && STATUS_LABEL_STYLES.includes(value);
+}
+function isStatusColorToken(value) {
+    return typeof value === 'string' && STATUS_COLOR_TOKENS.includes(value);
+}
+function isStatusSide(value) {
+    return value === 'left' || value === 'right';
+}
+export function itemSide(config, id) {
+    return config.sides?.[id] ?? DEFAULT_STATUS_SIDES[id];
+}
+function resolveStatusSides(sides) {
+    const resolved = { ...DEFAULT_STATUS_SIDES };
+    if (sides === undefined)
+        return resolved;
+    for (const id of STATUS_ITEM_IDS) {
+        const side = sides[id];
+        if (isStatusSide(side))
+            resolved[id] = side;
+    }
+    return resolved;
+}
+function completeOrder(ids, preferred) {
+    const ordered = [...new Set(preferred.filter((id) => ids.includes(id)))];
+    return [...ordered, ...ids.filter(id => !ordered.includes(id))];
+}
+function resolveStatusColors(colors) {
+    const resolved = { ...DEFAULT_STATUS_COLORS };
+    if (colors === undefined)
+        return resolved;
+    for (const slot of STATUS_COLOR_SLOTS) {
+        const token = colors[slot];
+        if (isStatusColorToken(token))
+            resolved[slot] = token;
+    }
+    const legacyMetrics = resolved.metrics;
+    if (legacyMetrics !== 'default') {
+        for (const group of STATUS_GROUP_IDS) {
+            if (colors[group] === undefined)
+                resolved[group] = legacyMetrics;
+        }
+    }
+    return resolved;
+}
+/**
+ * Normalize persisted input at the single configuration seam. Invalid and
+ * duplicate groups disappear; legacy presets retain their previous meaning.
+ */
+export function resolveStatusBarConfig(config, legacyPreset) {
+    if (config === undefined) {
+        const fallback = defaultStatusBarConfig();
+        if (legacyPreset === 'minimal')
+            fallback.enabled = false;
+        if (legacyPreset === 'full')
+            fallback.labels = 'full';
+        return fallback;
+    }
+    const groups = config.groups === undefined
+        ? [...DEFAULT_STATUS_GROUPS]
+        : [...new Set(config.groups.filter(isStatusGroupId))];
+    const meta = config.meta === undefined
+        ? [...DEFAULT_STATUS_META]
+        : [...new Set(config.meta.filter(isStatusMetaId))];
+    return {
+        enabled: config.enabled ?? true,
+        labels: isStatusLabelStyle(config.labels) ? config.labels : 'compact',
+        groups,
+        order: completeOrder(STATUS_GROUP_IDS, config.order === undefined ? groups : config.order),
+        meta,
+        metaOrder: completeOrder(STATUS_META_IDS, config.metaOrder === undefined ? meta : config.metaOrder),
+        colors: resolveStatusColors(config.colors),
+        sides: resolveStatusSides(config.sides),
+    };
+}
+//# sourceMappingURL=status-config.js.map

package/lib/chrome/status-config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-config.js","sourceRoot":"","sources":["../../src/chrome/status-config.ts"],"names":[],"mappings":"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"}

package/lib/{status-line.d.ts → chrome/status-line.d.ts}

@@ -7,8 +7,8 @@
  * second locale — then this is the single seam where a dictionary is chosen.
  * @module @agi-fans/dsh-tui/status-line
  */
-import type { TuiLoopStatus, TuiSessionControls, TuiSessionStats } from './definition.ts';
-import { type StatusBarConfig } from './status-config.ts';
+import type { TuiLoopStatus, TuiSessionControls, TuiSessionStats } from '../definition.ts';
+import { type StatusBarConfig, type StatusItemId } from './status-config.ts';
 import type { Theme } from './theme.ts';
 /** Context needed to render the fixed session footer. */
 export interface StatusFooterOptions {
@@ -21,6 +21,8 @@ export interface StatusFooterOptions {
     stats?: TuiSessionStats;
     config: StatusBarConfig;
     width: number;
+    /** Settings preview: underline the focused item. */
+    focus?: StatusItemId;
 }
 /** Compact token count: 517 / 12.2K / 517K / 1.2M. */
 export declare function formatTokens(value: number): string;
@@ -32,11 +34,27 @@ export declare function formatTokensPerSecond(value: number): string;
 export declare function sessionStatusGroups(stats: TuiSessionStats, config?: StatusBarConfig): string[];
 /** Human-facing permission preset used consistently across terminal surfaces. */
 export declare function formatPermission(permission: string): string;
+/** Painted permission mode for the composer top-right cap. */
+export declare function renderPermissionBadge(permission: string | undefined, theme: Theme): string;
 /**
  * Render the fixed footer: model/workspace metadata first, customizable
  * session telemetry second. Both rows use left/right columns and exact width.
  */
 export declare function renderStatusFooter(options: StatusFooterOptions, theme: Theme): string[];
+/**
+ * Status sample for `/settings`. Uses the same left/right footer layout as
+ * the live two-line status bar.
+ */
+export declare function renderStatusPreviewLines(options: {
+    model: string;
+    reasoningEffort?: string;
+    pwd?: string;
+    branch?: string;
+    stats?: TuiSessionStats;
+    config: StatusBarConfig;
+    width: number;
+    focus?: StatusItemId;
+}, theme: Theme): string[];
 /**
  * Render the telemetry row without footer metadata. Used by the settings
  * preview and retained as a compatibility seam for direct render callers.

package/lib/{status-line.js → chrome/status-line.js}

@@ -7,13 +7,13 @@
  * second locale — then this is the single seam where a dictionary is chosen.
  * @module @agi-fans/dsh-tui/status-line
  */
-import { defaultStatusBarConfig, resolveStatusBarConfig } from "./status-config.js";
+import { formatAgentPreset, formatToolPresentation } from "../session/session-configuration.js";
+import { defaultStatusBarConfig, itemSide, resolveStatusBarConfig, } from "./status-config.js";
 import { padToWidth, truncateToWidth, visibleWidth } from "./width.js";
 const LABEL_PADDING = 2;
 const GROUP_SEPARATOR = ' • ';
 const FOOTER_PADDING = 2;
 const COLUMN_GAP = 3;
-const RIGHT_GROUPS = new Set(['durations', 'counts']);
 /** Compact token count: 517 / 12.2K / 517K / 1.2M. */
 export function formatTokens(value) {
     const scaled = (n) => n >= 100 ? String(Math.round(n)) : String(Math.round(n * 10) / 10);
@@ -144,37 +144,55 @@ function selectGroups(groups, width) {
     }
     return selected;
 }
-function toneColor(tone) {
-    if (tone === 'value')
-        return 'text';
+function tokenThemeColor(token, fallback) {
+    if (token === undefined || token === 'default')
+        return fallback;
+    return token === 'label' ? 'customMessageLabel' : token;
+}
+function itemColor(config, id, fallback) {
+    const direct = config.colors?.[id];
+    if (direct !== undefined && direct !== 'default')
+        return tokenThemeColor(direct, fallback);
+    return fallback;
+}
+function toneColor(tone, config, group) {
     if (tone === 'positive')
         return 'success';
-    if (tone === 'token')
-        return 'customMessageLabel';
-    return tone === 'separator' ? 'dim' : 'muted';
+    if (tone === 'separator')
+        return 'dim';
+    if (tone === 'label')
+        return 'muted';
+    const custom = itemColor(config, group, 'text');
+    if (config.colors?.[group] !== undefined && config.colors[group] !== 'default')
+        return custom;
+    if (config.colors?.metrics !== undefined && config.colors.metrics !== 'default')
+        return tokenThemeColor(config.colors.metrics, 'text');
+    return tone === 'value' ? 'text' : 'customMessageLabel';
 }
-function paintGroup(group, theme) {
-    return group.parts.map(item => theme.fg(toneColor(item.tone), item.text)).join('');
+function paintGroup(group, theme, config, focus) {
+    const painted = group.parts.map(item => theme.fg(toneColor(item.tone, config, group.id), item.text)).join('');
+    return focus === group.id ? theme.underline(painted) : painted;
 }
-function paintColumn(groups, theme) {
+function paintColumn(groups, theme, config, focus) {
     const separator = theme.fg('dim', GROUP_SEPARATOR);
-    return groups.map(group => paintGroup(group, theme)).join(separator);
+    return groups.map(group => paintGroup(group, theme, config, focus)).join(separator);
 }
 function splitWidth(left, right) {
     const leftWidth = groupsWidth(left);
     const rightWidth = groupsWidth(right);
     return leftWidth + rightWidth + (leftWidth > 0 && rightWidth > 0 ? COLUMN_GAP : 0);
 }
-/** Select whole groups in user order, then place timing/activity on the right. */
-function selectFooterGroups(groups, width) {
+/** Select whole groups in user order, then place each on its configured column. */
+function selectFooterGroups(groups, width, config) {
     const left = [];
     const right = [];
     for (const group of groups) {
-        const candidateLeft = RIGHT_GROUPS.has(group.id) ? left : [...left, group];
-        const candidateRight = RIGHT_GROUPS.has(group.id) ? [...right, group] : right;
+        const rightSide = itemSide(config, group.id) === 'right';
+        const candidateLeft = rightSide ? left : [...left, group];
+        const candidateRight = rightSide ? [...right, group] : right;
         if (splitWidth(candidateLeft, candidateRight) > width)
             break;
-        if (RIGHT_GROUPS.has(group.id))
+        if (rightSide)
             right.push(group);
         else
             left.push(group);
@@ -195,14 +213,22 @@ function renderSplitRow(left, right, width) {
     const gap = Math.max(1, innerWidth - leftWidth - rightWidth);
     return padToWidth(' '.repeat(padding) + left + ' '.repeat(gap) + right, width);
 }
-function planStatus(plan) {
-    if (plan === undefined)
+function sessionConfigurationStatus(controls) {
+    if (controls === undefined)
         return undefined;
-    if (plan.pending)
-        return plan.active
-            ? { text: 'PLAN→DEFAULT', tone: 'warning' }
-            : { text: 'PLAN…', tone: 'accent' };
-    return plan.active ? { text: 'PLAN', tone: 'accent' } : undefined;
+    const agent = formatAgentPreset(controls.agentPreset ?? 'standard').toLowerCase();
+    const parts = [agent];
+    if (controls.plan?.pending === true)
+        parts.push(controls.plan.active ? 'plan off…' : 'plan…');
+    else if (controls.plan?.active === true)
+        parts.push('plan');
+    if (controls.tools !== undefined && controls.tools !== 'native') {
+        parts.push(formatToolPresentation(controls.tools).toLowerCase());
+    }
+    return {
+        text: parts.join(' · '),
+        tone: controls.plan?.pending === true ? 'warning' : 'accent',
+    };
 }
 function loopStatus(loop) {
     if (loop === undefined)
@@ -228,49 +254,34 @@ function loopStatus(loop) {
         return { text: `LOOP · ${loop.limit}`, tone: 'accent' };
     return { text: 'LOOP', tone: 'accent' };
 }
-function fitModelColumn(model, effort, plan, loop, theme, width) {
-    if (width <= 0)
-        return '';
-    const separator = ' · ';
-    const statuses = [planStatus(plan), loopStatus(loop)].filter((status) => status !== undefined);
-    const statusWidth = statuses.reduce((total, status) => total + visibleWidth(status.text), 0)
-        + Math.max(0, statuses.length - 1) * visibleWidth(separator);
-    if (statusWidth >= width) {
-        const summary = statuses.map(status => status.text).join(separator);
-        return theme.fg(statuses.at(-1)?.tone ?? 'accent', truncateToWidth(summary, width));
+function gitTone(branch, config) {
+    const custom = config.colors?.git;
+    if (custom !== undefined && custom !== 'default')
+        return tokenThemeColor(custom, 'muted');
+    return /(?:^|\s)[*?]\d+/.test(branch) ? 'warning' : 'muted';
+}
+function visibleMetaIds(config) {
+    const order = config.metaOrder ?? ['model', 'effort', 'path', 'git'];
+    const visible = new Set(config.meta ?? ['model', 'effort', 'path', 'git']);
+    return order.filter(id => visible.has(id));
+}
+function buildMetaParts(options, config) {
+    const parts = [];
+    for (const id of visibleMetaIds(config)) {
+        if (id === 'model' && options.model !== '') {
+            parts.push({ id, text: options.model, color: itemColor(config, 'model', 'text') });
+        }
+        if (id === 'effort' && options.reasoningEffort !== undefined && options.reasoningEffort !== '') {
+            parts.push({ id, text: options.reasoningEffort, color: itemColor(config, 'effort', 'customMessageLabel') });
+        }
+        if (id === 'path' && options.pwd !== undefined && options.pwd !== '') {
+            parts.push({ id, text: options.pwd, color: itemColor(config, 'path', 'muted') });
+        }
+        if (id === 'git' && options.branch !== undefined && options.branch !== '') {
+            parts.push({ id, text: options.branch, color: gitTone(options.branch, config) });
+        }
     }
-    const suffix = statuses.map((status, index) => (index === 0 ? '' : theme.fg('dim', separator)) + theme.fg(status.tone, status.text)).join('');
-    const prefixWidth = statuses.length === 0 ? width : width - visibleWidth(separator) - statusWidth;
-    const prefix = effort === undefined || effort === ''
-        ? theme.fg('text', truncateToWidth(model, Math.max(1, prefixWidth)))
-        : (() => {
-            const effortWidth = visibleWidth(effort);
-            if (effortWidth + visibleWidth(separator) >= prefixWidth) {
-                return theme.fg('customMessageLabel', truncateToWidth(effort, Math.max(1, prefixWidth)));
-            }
-            const modelWidth = Math.max(1, prefixWidth - visibleWidth(separator) - effortWidth);
-            return theme.fg('text', truncateToWidth(model, modelWidth))
-                + theme.fg('dim', separator)
-                + theme.fg('customMessageLabel', effort);
-        })();
-    return statuses.length === 0 ? prefix : prefix + theme.fg('dim', separator) + suffix;
-}
-function fitLocationColumn(pwd, branch, theme, width) {
-    if (width <= 0)
-        return '';
-    if (branch === undefined || branch === '')
-        return theme.fg('muted', truncateToWidth(pwd ?? '', width));
-    const branchTone = /(?:^|\s)[*?]\d+/.test(branch) ? 'warning' : 'muted';
-    if (pwd === undefined || pwd === '')
-        return theme.fg(branchTone, truncateToWidth(branch, width));
-    const separator = ' · ';
-    const branchWidth = visibleWidth(branch);
-    if (branchWidth >= width)
-        return theme.fg(branchTone, truncateToWidth(branch, width));
-    const pwdWidth = Math.max(1, width - visibleWidth(separator) - branchWidth);
-    return theme.fg('muted', truncateToWidth(pwd, pwdWidth))
-        + theme.fg('dim', separator)
-        + theme.fg(branchTone, branch);
+    return parts;
 }
 function permissionTone(permission) {
     if (permission === 'danger-full-access' || permission === 'custom')
@@ -290,53 +301,51 @@ export function formatPermission(permission) {
     return permission === 'custom' ? 'Custom access' : permission;
 }
 function permissionLabel(permission) {
-    const label = formatPermission(permission);
-    return permission === 'danger-full-access' || permission === 'custom' ? label.toUpperCase() : label;
+    return formatPermission(permission).toLowerCase();
 }
-function fitWorkspaceColumn(pwd, branch, permission, theme, width) {
+/** Painted permission mode for the composer top-right cap. */
+export function renderPermissionBadge(permission, theme) {
     if (permission === undefined || permission === '')
-        return fitLocationColumn(pwd, branch, theme, width);
-    const label = permissionLabel(permission);
-    const separator = ' · ';
-    const labelWidth = visibleWidth(label);
-    if (labelWidth >= width)
-        return theme.fg(permissionTone(permission), truncateToWidth(label, width));
-    const locationWidth = width - labelWidth - visibleWidth(separator);
-    const location = fitLocationColumn(pwd, branch, theme, locationWidth);
-    if (location === '')
-        return theme.fg(permissionTone(permission), label);
-    return theme.fg(permissionTone(permission), label) + theme.fg('dim', separator) + location;
-}
-function metadataColumns(options, theme, innerWidth) {
-    const plan = planStatus(options.controls?.plan);
-    const loop = loopStatus(options.loop);
-    const permission = options.controls?.permission;
-    const rawLeftWidth = visibleWidth(options.model)
-        + (options.reasoningEffort === undefined || options.reasoningEffort === '' ? 0 : 3 + visibleWidth(options.reasoningEffort))
-        + (plan === undefined ? 0 : 3 + visibleWidth(plan.text))
-        + (loop === undefined ? 0 : 3 + visibleWidth(loop.text));
-    const rawLocationWidth = visibleWidth(options.pwd ?? '')
-        + (options.branch === undefined || options.branch === '' ? 0 : 3 + visibleWidth(options.branch));
-    const rawRightWidth = rawLocationWidth
-        + (permission === undefined || permission === ''
-            ? 0
-            : visibleWidth(permissionLabel(permission)) + (rawLocationWidth === 0 ? 0 : 3));
-    if (rawRightWidth === 0) {
-        return { left: fitModelColumn(options.model, options.reasoningEffort, options.controls?.plan, options.loop, theme, innerWidth), right: '' };
+        return '';
+    return theme.fg(permissionTone(permission), permissionLabel(permission));
+}
+function splitMetaParts(options, config) {
+    const left = [];
+    const right = [];
+    for (const part of buildMetaParts(options, config)) {
+        if (itemSide(config, part.id) === 'right')
+            right.push(part);
+        else
+            left.push(part);
     }
-    if (rawLeftWidth + COLUMN_GAP + rawRightWidth <= innerWidth) {
-        return {
-            left: fitModelColumn(options.model, options.reasoningEffort, options.controls?.plan, options.loop, theme, rawLeftWidth),
-            right: fitWorkspaceColumn(options.pwd, options.branch, permission, theme, rawRightWidth),
-        };
+    return { left, right };
+}
+function metadataColumns(options, theme, innerWidth, config, focus) {
+    const separator = ' · ';
+    const statuses = [sessionConfigurationStatus(options.controls), loopStatus(options.loop)].filter((status) => status !== undefined);
+    const columns = splitMetaParts(options, config);
+    const statusWidth = statuses.reduce((total, status) => total + visibleWidth(status.text), 0)
+        + Math.max(0, statuses.length - 1) * visibleWidth(separator);
+    const rightNatural = columns.right.reduce((total, part) => total + visibleWidth(part.text), 0)
+        + Math.max(0, columns.right.length - 1) * visibleWidth(separator);
+    const leftNatural = columns.left.reduce((total, part) => total + visibleWidth(part.text), 0)
+        + Math.max(0, columns.left.length - 1) * visibleWidth(separator)
+        + (statusWidth === 0 ? 0 : visibleWidth(separator) + statusWidth);
+    const gap = leftNatural > 0 && rightNatural > 0 ? COLUMN_GAP : 0;
+    let leftWidth = leftNatural;
+    let rightWidth = rightNatural;
+    if (leftWidth + gap + rightWidth > innerWidth) {
+        const available = Math.max(2, innerWidth - gap);
+        leftWidth = Math.min(leftNatural, Math.max(1, Math.floor(available * 0.45)));
+        rightWidth = Math.max(1, available - leftWidth);
     }
-    const available = Math.max(2, innerWidth - COLUMN_GAP);
-    const leftWidth = Math.min(rawLeftWidth, Math.max(1, Math.floor(available * 0.45)));
-    const rightWidth = Math.max(1, available - leftWidth);
-    return {
-        left: fitModelColumn(options.model, options.reasoningEffort, options.controls?.plan, options.loop, theme, leftWidth),
-        right: fitWorkspaceColumn(options.pwd, options.branch, permission, theme, rightWidth),
-    };
+    const statusPainted = statuses.map((status, index) => (index === 0 ? '' : theme.fg('dim', separator)) + theme.fg(status.tone, status.text)).join('');
+    const metaLeft = packPreviewParts(columns.left, theme, Math.max(1, leftWidth - (statusWidth === 0 ? 0 : visibleWidth(separator) + statusWidth)), focus);
+    const left = metaLeft === ''
+        ? statusPainted
+        : statusPainted === '' ? metaLeft : metaLeft + theme.fg('dim', separator) + statusPainted;
+    const right = packPreviewParts(columns.right, theme, rightWidth, focus);
+    return { left, right };
 }
 /**
  * Render the fixed footer: model/workspace metadata first, customizable
@@ -348,15 +357,68 @@ export function renderStatusFooter(options, theme) {
     if (width === 0)
         return [];
     const innerWidth = Math.max(0, width - FOOTER_PADDING * 2);
-    const metadata = metadataColumns(options, theme, innerWidth);
+    const metadata = metadataColumns({ ...options, config: normalized }, theme, innerWidth, normalized, options.focus);
     const telemetryGroups = options.stats === undefined || !normalized.enabled
         ? { left: [], right: [] }
-        : selectFooterGroups(buildStatusGroups(options.stats, normalized), innerWidth);
+        : selectFooterGroups(buildStatusGroups(options.stats, normalized), innerWidth, normalized);
     return [
         renderSplitRow(metadata.left, metadata.right, width),
-        renderSplitRow(paintColumn(telemetryGroups.left, theme), paintColumn(telemetryGroups.right, theme), width),
+        renderSplitRow(paintColumn(telemetryGroups.left, theme, normalized, options.focus), paintColumn(telemetryGroups.right, theme, normalized, options.focus), width),
     ];
 }
+function packPreviewParts(parts, theme, width, focus) {
+    if (width <= 0)
+        return '';
+    const separator = ' · ';
+    const separatorWidth = visibleWidth(separator);
+    let used = 0;
+    let out = '';
+    for (const part of parts) {
+        if (part.text === '')
+            continue;
+        const prefix = out === '' ? 0 : separatorWidth;
+        const textWidth = visibleWidth(part.text);
+        const paint = (text) => {
+            const colored = theme.fg(part.color, text);
+            return focus !== undefined && part.id === focus ? theme.underline(colored) : colored;
+        };
+        if (used + prefix + textWidth <= width) {
+            if (out !== '')
+                out += theme.fg('dim', separator);
+            out += paint(part.text);
+            used += prefix + textWidth;
+            continue;
+        }
+        const remaining = width - used - prefix;
+        if (remaining <= 0)
+            break;
+        if (out !== '')
+            out += theme.fg('dim', separator);
+        out += paint(truncateToWidth(part.text, remaining));
+        break;
+    }
+    return out;
+}
+/**
+ * Status sample for `/settings`. Uses the same left/right footer layout as
+ * the live two-line status bar.
+ */
+export function renderStatusPreviewLines(options, theme) {
+    const normalized = resolveStatusBarConfig(options.config);
+    const width = Math.max(0, options.width);
+    if (width === 0)
+        return [];
+    return renderStatusFooter({
+        model: options.model,
+        ...(options.reasoningEffort === undefined ? {} : { reasoningEffort: options.reasoningEffort }),
+        ...(options.pwd === undefined ? {} : { pwd: options.pwd }),
+        ...(options.branch === undefined ? {} : { branch: options.branch }),
+        ...(options.stats === undefined ? {} : { stats: options.stats }),
+        config: normalized,
+        width,
+        ...(options.focus === undefined ? {} : { focus: options.focus }),
+    }, theme).map(line => line.trim());
+}
 /**
  * Render the telemetry row without footer metadata. Used by the settings
  * preview and retained as a compatibility seam for direct render callers.
@@ -368,7 +430,7 @@ export function renderSessionStatusLabel(stats, config, theme, width) {
     const groups = selectGroups(buildStatusGroups(stats, normalized), width);
     if (groups.length === 0)
         return '';
-    const line = ' ' + paintColumn(groups, theme) + ' ';
+    const line = ' ' + paintColumn(groups, theme, normalized) + ' ';
     return truncateToWidth(line, width);
 }
 //# sourceMappingURL=status-line.js.map