From 5616934a6f598a7bef80ab4c898d69daaa8578ab Mon Sep 17 00:00:00 2001
From: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local>
Date: Mon, 21 Sep 2026 15:17:21 -0700
Subject: [PATCH 1/2] improvement(ui): use shared bordered workflow chips

---
 packages/workflow-renderer/src/workflow-block/inline-chip.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/workflow-renderer/src/workflow-block/inline-chip.tsx b/packages/workflow-renderer/src/workflow-block/inline-chip.tsx
index 5acda751859..81ad8493269 100644
--- a/packages/workflow-renderer/src/workflow-block/inline-chip.tsx
+++ b/packages/workflow-renderer/src/workflow-block/inline-chip.tsx
@@ -19,9 +19,9 @@ export interface InlineChipProps {
 export function InlineChip({ children, muted }: InlineChipProps) {
   return (
     <ChipTag
-      variant='mono'
+      variant='gray'
       className={cn(
-        'inline-flex max-w-[160px] translate-y-[-1px] bg-[var(--surface-2)] align-middle shadow-[inset_0_0_0_1px_var(--border-1)] dark:bg-[var(--surface-2)]',
+        'max-w-[160px] translate-y-[-1px] align-middle',
         muted && 'text-[var(--text-muted)]'
       )}
     >

From 75f41f4dd35cb0b4131531180860b9117ced99d9 Mon Sep 17 00:00:00 2001
From: Bill Leoutsakos <billleoutsakos@Bills-MacBook-Pro.local>
Date: Thu, 24 Sep 2026 18:19:19 -0700
Subject: [PATCH 2/2] refactor(emcn): preserve outlined workflow inline chips

---
 packages/emcn/src/components/chip-tag/chip-tag.tsx           | 5 +++++
 .../workflow-renderer/src/workflow-block/inline-chip.tsx     | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/packages/emcn/src/components/chip-tag/chip-tag.tsx b/packages/emcn/src/components/chip-tag/chip-tag.tsx
index 67bfdd19382..b6795a6cef8 100644
--- a/packages/emcn/src/components/chip-tag/chip-tag.tsx
+++ b/packages/emcn/src/components/chip-tag/chip-tag.tsx
@@ -25,6 +25,9 @@ import { cn } from '../../lib/cn'
  *   when it sits *on* a `--surface-5` input, combobox trigger, or tag container.
  * - `gray` — a light surface over a slightly darker inset ring with muted
  *   `--text-secondary` text for low-emphasis status labels.
+ * - `workflow-inline` — an outlined slot embedded in workflow summary text.
+ *   Its inset ring preserves the text flow and dimensions when a placeholder
+ *   becomes a value. The surface and outline follow the workspace theme.
  * - `solid` — a filled inverse tag: a dark neutral surface (`--text-secondary`)
  *   with inverse text (`--text-inverse`), mirroring {@link Chip}'s `primary`
  *   inverse-surface convention one step softer than near-black. For eyebrow
@@ -70,6 +73,8 @@ const chipTagVariants = cva(
         field:
           'h-5 gap-[3px] px-1 bg-[var(--surface-6)] text-[var(--text-primary)] dark:bg-[var(--surface-3)]',
         gray: 'h-5 gap-[3px] px-1 border border-[var(--border-1)] bg-[var(--surface-5)] text-[var(--text-secondary)]',
+        'workflow-inline':
+          'h-5 gap-[3px] px-1 bg-[var(--surface-2)] text-[var(--text-primary)] shadow-[inset_0_0_0_1px_var(--border-1)]',
         solid: 'h-5 gap-[3px] px-1 bg-[var(--text-secondary)] text-[var(--text-inverse)]',
         workflow: 'h-5 gap-[3px] px-1',
         brand: 'h-5 gap-[3px] px-1',
diff --git a/packages/workflow-renderer/src/workflow-block/inline-chip.tsx b/packages/workflow-renderer/src/workflow-block/inline-chip.tsx
index 81ad8493269..8e13a8bc117 100644
--- a/packages/workflow-renderer/src/workflow-block/inline-chip.tsx
+++ b/packages/workflow-renderer/src/workflow-block/inline-chip.tsx
@@ -19,7 +19,7 @@ export interface InlineChipProps {
 export function InlineChip({ children, muted }: InlineChipProps) {
   return (
     <ChipTag
-      variant='gray'
+      variant='workflow-inline'
       className={cn(
         'max-w-[160px] translate-y-[-1px] align-middle',
         muted && 'text-[var(--text-muted)]'