@flamingo-stack/openframe-frontend-core 0.0.760 → 0.0.761

package/dist/{knowledge-7QSJQB4P.cjs → knowledge-UJTJT36J.cjs}

@@ -8,7 +8,7 @@ var _chunkSTEJZPIOcjs = require('./chunk-STEJZPIO.cjs');
 var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
-var _chunkEYVYPX5Ncjs = require('./chunk-EYVYPX5N.cjs');
+var _chunk4EM7HIIMcjs = require('./chunk-4EM7HIIM.cjs');
 require('./chunk-2ANICXS7.cjs');
 require('./chunk-QU5K52OP.cjs');
 require('./chunk-AXBVN5SW.cjs');
@@ -21,10 +21,10 @@ require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-T4BBZ5ST.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-PSLL4FAS.cjs');
+require('./chunk-6T6O36LT.cjs');
 
 
-var _chunkQTYSYEHKcjs = require('./chunk-QTYSYEHK.cjs');
+var _chunkSUHPBFNUcjs = require('./chunk-SUHPBFNU.cjs');
 require('./chunk-F64VMOIB.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
 require('./chunk-LOFDIDSD.cjs');
@@ -1907,10 +1907,10 @@ function KnowledgeScreen(_props) {
   const cast = _chunkSTEJZPIOcjs.useProductDemoCast.call(void 0, );
   const fixture = _react.useMemo.call(void 0, () => buildKnowledgeFixture(cast), [cast]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkEYVYPX5Ncjs.KnowledgeBaseArticleView,
+    _chunk4EM7HIIMcjs.KnowledgeBaseArticleView,
     {
       ...fixture.article,
-      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkQTYSYEHKcjs.SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })
+      content: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSUHPBFNUcjs.SimpleMarkdownRenderer, { content: fixture.content, textSize: "compact" })
     }
   ) });
 }

package/dist/{logs-URLNW334.cjs → logs-WMNITBLM.cjs}

@@ -16,7 +16,7 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkEYVYPX5Ncjs = require('./chunk-EYVYPX5N.cjs');
+var _chunk4EM7HIIMcjs = require('./chunk-4EM7HIIM.cjs');
 require('./chunk-2ANICXS7.cjs');
 require('./chunk-QU5K52OP.cjs');
 require('./chunk-AXBVN5SW.cjs');
@@ -31,8 +31,8 @@ require('./chunk-T4BBZ5ST.cjs');
 require('./chunk-YUMFVQIN.cjs');
 
 
-var _chunkPSLL4FAScjs = require('./chunk-PSLL4FAS.cjs');
-require('./chunk-QTYSYEHK.cjs');
+var _chunk6T6O36LTcjs = require('./chunk-6T6O36LT.cjs');
+require('./chunk-SUHPBFNU.cjs');
 require('./chunk-F64VMOIB.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
 require('./chunk-LOFDIDSD.cjs');
@@ -1888,7 +1888,7 @@ function entry(logId, minutesAgo, severity, toolType, device2, summary) {
     id: logId,
     logId,
     timestamp: displayTime(_chunkDKOLQPE7cjs.demoMinutesAgo.call(void 0, minutesAgo)),
-    status: { label: severity, variant: _chunkEYVYPX5Ncjs.logSeverityVariant.call(void 0, severity) },
+    status: { label: severity, variant: _chunk4EM7HIIMcjs.logSeverityVariant.call(void 0, severity) },
     source: { name: toolType, toolType },
     device: device2,
     description: { title: summary }
@@ -1960,13 +1960,13 @@ var NO_FILTERS = {};
 var ACTION_COLUMNS = ["copy", "quickView", "open"];
 var BESIDE_DRAWER_HIDDEN = [...ACTION_COLUMNS, "tool", "source"];
 var logHref = () => "#";
-var copyAction = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEYVYPX5Ncjs.LogCopyIconButton, {});
+var copyAction = () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4EM7HIIMcjs.LogCopyIconButton, {});
 function LogsScreen({ compact = false }) {
   const [dock, setDock] = _react.useState.call(void 0, null);
   const selected = LOGS_FIXTURE_SELECTED;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full bg-ods-bg", children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0 flex-1 overflow-clip", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEYVYPX5Ncjs.LogsPageView,
+      _chunk4EM7HIIMcjs.LogsPageView,
       {
         showHeader: false,
         className: "p-[var(--spacing-system-l)]",
@@ -1974,7 +1974,7 @@ function LogsScreen({ compact = false }) {
         onSearchChange: noop,
         onOpenFilters: noop,
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkEYVYPX5Ncjs.LogsTableView,
+          _chunk4EM7HIIMcjs.LogsTableView,
           {
             logs: LOGS_FIXTURE_ENTRIES,
             facets: LOGS_FIXTURE_FACETS,
@@ -1988,8 +1988,8 @@ function LogsScreen({ compact = false }) {
         )
       }
     ) }),
-    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: setDock, className: "relative w-[calc(400px+var(--spacing-system-m))] shrink-0", children: dock && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEYVYPX5Ncjs.AppLayoutDrawerContainerContext.Provider, { value: dock, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkEYVYPX5Ncjs.LogDrawer,
+    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { ref: setDock, className: "relative w-[calc(400px+var(--spacing-system-m))] shrink-0", children: dock && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4EM7HIIMcjs.AppLayoutDrawerContainerContext.Provider, { value: dock, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk4EM7HIIMcjs.LogDrawer,
       {
         docked: true,
         isOpen: true,
@@ -2001,12 +2001,12 @@ function LogsScreen({ compact = false }) {
           { label: "Log ID", value: selected.logId },
           {
             label: "Source",
-            value: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEYVYPX5Ncjs.ToolBadge, { toolType: _chunkPSLL4FAScjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
+            value: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4EM7HIIMcjs.ToolBadge, { toolType: _chunk6T6O36LTcjs.normalizeToolTypeWithFallback.call(void 0, selected.source.toolType) })
           },
-          { label: "Device", value: _chunkEYVYPX5Ncjs.logSourceLabels.call(void 0, selected.device).deviceName }
+          { label: "Device", value: _chunk4EM7HIIMcjs.logSourceLabels.call(void 0, selected.device).deviceName }
         ],
         deviceCard: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkEYVYPX5Ncjs.DeviceCard,
+          _chunk4EM7HIIMcjs.DeviceCard,
           {
             ...LOGS_FIXTURE_DEVICE,
             actions: {

package/dist/{policies-NNW6PMAN.cjs → policies-TRXVBOH7.cjs}

@@ -10,7 +10,7 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkEYVYPX5Ncjs = require('./chunk-EYVYPX5N.cjs');
+var _chunk4EM7HIIMcjs = require('./chunk-4EM7HIIM.cjs');
 require('./chunk-2ANICXS7.cjs');
 require('./chunk-QU5K52OP.cjs');
 require('./chunk-AXBVN5SW.cjs');
@@ -23,8 +23,8 @@ require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-T4BBZ5ST.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-PSLL4FAS.cjs');
-require('./chunk-QTYSYEHK.cjs');
+require('./chunk-6T6O36LT.cjs');
+require('./chunk-SUHPBFNU.cjs');
 require('./chunk-F64VMOIB.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
 require('./chunk-LOFDIDSD.cjs');
@@ -1893,14 +1893,14 @@ var POLICIES = [
   policy("policy-local-admins", "No local admins", "No everyday account is a local administrator.", false, 0)
 ];
 var POLICIES_FIXTURE = {
-  summary: _chunkEYVYPX5Ncjs.computePolicySummary.call(void 0, POLICIES),
+  summary: _chunk4EM7HIIMcjs.computePolicySummary.call(void 0, POLICIES),
   rows: POLICIES.map((item) => ({
     id: item.id,
     name: item.name,
     description: item.description,
     critical: item.critical,
     severityLabel: item.critical ? "Critical" : "Low",
-    status: _chunkEYVYPX5Ncjs.getPolicyTableStatus.call(void 0, item),
+    status: _chunk4EM7HIIMcjs.getPolicyTableStatus.call(void 0, item),
     actions: [
       { label: "Policy Details", onClick: noop },
       { label: "Delete Policy", onClick: noop }
@@ -1914,16 +1914,16 @@ var POLICIES_FIXTURE = {
 var _jsxruntime = require('react/jsx-runtime');
 function PoliciesScreen({ compact = false }) {
   const table = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkEYVYPX5Ncjs.PoliciesTable,
+    _chunk4EM7HIIMcjs.PoliciesTable,
     {
       rows: POLICIES_FIXTURE.rows,
       rowAsLink: true,
-      rightSlot: compact ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEYVYPX5Ncjs.DataTable.RowCount, {}),
+      rightSlot: compact ? void 0 : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4EM7HIIMcjs.DataTable.RowCount, {}),
       emptyMessage: "No policies found."
     }
   );
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-col gap-[var(--spacing-system-l)] bg-ods-bg p-[var(--spacing-system-l)]", children: [
-    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEYVYPX5Ncjs.PolicySummaryCards, { summary: POLICIES_FIXTURE.summary, now: POLICIES_FIXTURE.now }),
+    !compact && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4EM7HIIMcjs.PolicySummaryCards, { summary: POLICIES_FIXTURE.summary, now: POLICIES_FIXTURE.now }),
     table
   ] });
 }

package/dist/{scripts-WPYKAZYF.cjs → scripts-HECY7XDL.cjs}

@@ -13,7 +13,7 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkEYVYPX5Ncjs = require('./chunk-EYVYPX5N.cjs');
+var _chunk4EM7HIIMcjs = require('./chunk-4EM7HIIM.cjs');
 require('./chunk-2ANICXS7.cjs');
 require('./chunk-QU5K52OP.cjs');
 
@@ -28,8 +28,8 @@ require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-T4BBZ5ST.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-PSLL4FAS.cjs');
-require('./chunk-QTYSYEHK.cjs');
+require('./chunk-6T6O36LT.cjs');
+require('./chunk-SUHPBFNU.cjs');
 require('./chunk-F64VMOIB.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
 require('./chunk-LOFDIDSD.cjs');
@@ -1997,8 +1997,8 @@ function buildScriptsFixture(cast) {
 var _jsxruntime = require('react/jsx-runtime');
 var WIDE_HIDDEN_COLUMNS = ["result", "open"];
 var COMPACT_COLUMNS = [
-  { ..._chunkEYVYPX5Ncjs.EXECUTION_COLUMNS.machineId, width: "flex-1 min-w-0", hideAt: void 0 },
-  _chunkEYVYPX5Ncjs.EXECUTION_COLUMNS.status
+  { ..._chunk4EM7HIIMcjs.EXECUTION_COLUMNS.machineId, width: "flex-1 min-w-0", hideAt: void 0 },
+  _chunk4EM7HIIMcjs.EXECUTION_COLUMNS.status
 ];
 var COMPACT_ROWS = 4;
 var TOKEN_CLASS = {
@@ -2057,7 +2057,7 @@ function ScriptCodePicture({ script }) {
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 items-center justify-between gap-[var(--spacing-system-m)]", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAXBVN5SWcjs.TruncateText, { variant: "h6", tone: "secondary", children: `Written by ${provenance.author} \xB7 approved by ${provenance.approver}` }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkEYVYPX5Ncjs.ScriptShellBadge,
+              _chunk4EM7HIIMcjs.ScriptShellBadge,
               {
                 value: script.shellType,
                 className: "shrink-0 text-ods-text-secondary text-h6",
@@ -2081,7 +2081,7 @@ function ScriptsScreen({ compact = false }) {
     return (
       // Four runs of the card's row height fill the frame; the padding is what is left round them.
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full overflow-hidden bg-ods-bg p-[var(--spacing-system-xsf)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkEYVYPX5Ncjs.ScriptExecutionsTable,
+        _chunk4EM7HIIMcjs.ScriptExecutionsTable,
         {
           rows: fixture.executions.slice(0, COMPACT_ROWS),
           columns: COMPACT_COLUMNS,
@@ -2091,13 +2091,13 @@ function ScriptsScreen({ compact = false }) {
       ) })
     );
   }
-  const renderOutput = (row) => row.id === fixture.openExecutionId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEYVYPX5Ncjs.ScriptExecutionResult, { result: row.result, empty: "\u2014" }) : null;
+  const renderOutput = (row) => row.id === fixture.openExecutionId ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk4EM7HIIMcjs.ScriptExecutionResult, { result: row.result, empty: "\u2014" }) : null;
   return (
     // The frame's tighter padding and no header row: the output opened under a run needs the height.
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full gap-[var(--spacing-system-m)] overflow-hidden bg-ods-bg p-[var(--spacing-system-m)]", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "w-[39%] shrink-0", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ScriptCodePicture, { script: fixture.script }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "min-w-0 flex-1 overflow-hidden", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkEYVYPX5Ncjs.ScriptExecutionsTable,
+        _chunk4EM7HIIMcjs.ScriptExecutionsTable,
         {
           rows: fixture.executions,
           hideColumns: WIDE_HIDDEN_COLUMNS,

package/dist/{software-update-KB6BIWUT.cjs → software-update-NNFLEMYD.cjs}

@@ -15,7 +15,7 @@ var _chunkDKOLQPE7cjs = require('./chunk-DKOLQPE7.cjs');
 
 
 
-var _chunkEYVYPX5Ncjs = require('./chunk-EYVYPX5N.cjs');
+var _chunk4EM7HIIMcjs = require('./chunk-4EM7HIIM.cjs');
 require('./chunk-2ANICXS7.cjs');
 require('./chunk-QU5K52OP.cjs');
 
@@ -30,8 +30,8 @@ require('./chunk-A6P6DHEZ.cjs');
 require('./chunk-MZ4KBSH7.cjs');
 require('./chunk-T4BBZ5ST.cjs');
 require('./chunk-YUMFVQIN.cjs');
-require('./chunk-PSLL4FAS.cjs');
-require('./chunk-QTYSYEHK.cjs');
+require('./chunk-6T6O36LT.cjs');
+require('./chunk-SUHPBFNU.cjs');
 require('./chunk-F64VMOIB.cjs');
 require('./chunk-3RFQPQ7Z.cjs');
 require('./chunk-LOFDIDSD.cjs');
@@ -1924,12 +1924,12 @@ function StaticPackageField({ value }) {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunkAXBVN5SWcjs.Autocomplete,
     {
-      label: _chunkEYVYPX5Ncjs.PACKAGE_SEARCH_LABEL,
+      label: _chunk4EM7HIIMcjs.PACKAGE_SEARCH_LABEL,
       labelVariant: "large",
       options: value ? [{ value: value.id, label: value.name, description: _nullishCoalesce(value.description, () => ( void 0)) }] : [],
       value: _nullishCoalesce(_optionalChain([value, 'optionalAccess', _ => _.id]), () => ( null)),
       onChange: noop,
-      placeholder: _chunkEYVYPX5Ncjs.PACKAGE_SEARCH_PLACEHOLDER
+      placeholder: _chunk4EM7HIIMcjs.PACKAGE_SEARCH_PLACEHOLDER
     }
   );
 }
@@ -1943,7 +1943,7 @@ function SoftwareUpdateScreen({ compact = false }) {
     [fixture.devices, fixture.selectedIds]
   );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full bg-ods-bg pt-[var(--spacing-system-l)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkEYVYPX5Ncjs.SoftwareActionForm,
+    _chunk4EM7HIIMcjs.SoftwareActionForm,
     {
       action: fixture.action,
       showHeader: false,
@@ -1955,7 +1955,7 @@ function SoftwareUpdateScreen({ compact = false }) {
       initialValues: fixture.initialValues,
       renderPackageSearch,
       renderDevicePicker: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkEYVYPX5Ncjs.DeviceSelector,
+        _chunk4EM7HIIMcjs.DeviceSelector,
         {
           devices: selected,
           loading: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flamingo-stack/openframe-frontend-core",
-  "version": "0.0.760",
+  "version": "0.0.761",
   "description": "Shared design system and components for all Flamingo platforms",
   "type": "module",
   "sideEffects": [

package/src/components/chat/chat-message-enhanced.tsx

@@ -102,6 +102,7 @@ const ChatMessageEnhanced = forwardRef<HTMLDivElement, ChatMessageEnhancedProps>
       approvalVariant,
       appearance: appearanceProp,
       authorType: authorTypeProp,
+      selfAuthorType,
       assistantIcon,
       contextItems,
       resolveContextIcon,
@@ -115,12 +116,19 @@ const ChatMessageEnhanced = forwardRef<HTMLDivElement, ChatMessageEnhancedProps>
     },
     ref,
   ) => {
-    const isUser = role === 'user';
+    // A `user` row is a PERSON (the end user, a technician, a system line); the
+    // agent's turns are `assistant`. Which person is the viewer is the thread's
+    // call (`selfAuthorType`): the viewer's own turns draw as the bubble on the
+    // right, another person's as an incoming reply.
+    const isHuman = role === 'user';
     const isError = role === 'error';
     const inheritedAppearance = useChatAppearance();
     const appearance = appearanceProp ?? inheritedAppearance;
     const isV2 = appearance === CHAT_APPEARANCE.V2;
-    const authorType = authorTypeProp ?? (isUser ? 'user' : assistantType === 'mingo' ? 'mingo' : 'fae');
+    const authorType = authorTypeProp ?? (isHuman ? 'user' : assistantType === 'mingo' ? 'mingo' : 'fae');
+    const isOtherPerson =
+      isHuman && selfAuthorType !== undefined && authorType !== 'system' && authorType !== selfAuthorType;
+    const isUser = isHuman && !isOtherPerson;
 
     // Inline-card rendering uses a HOST-PROVIDED `renderEntityCard` function
     // (v6.1 §B.2.7 — DRY duplications #2). The OSS-lib stays data-agnostic:
@@ -524,18 +532,19 @@ const ChatMessageEnhanced = forwardRef<HTMLDivElement, ChatMessageEnhancedProps>
     // its own short line above the message (on the right for the user), never
     // beside it: a face in the row indents every line of the message by its
     // width. The NAME is written only where it is the information itself: a
-    // system line and a human technician answering. Mingo sends the admin's
-    // own turns as `admin` too; those are the user's words and draw as such.
-    // Every face carries its name for assistive tech and on hover.
-    const showName = isSystem || (authorType === 'admin' && !isUser);
-    const displayName = name || (isUser ? 'User' : assistantType === 'mingo' ? 'Mingo' : 'Fae');
+    // system line and another person answering (a technician in the end
+    // user's thread). Mingo sends the admin's own turns as `admin` too; those
+    // are the user's words and draw as such. Every face carries its name for
+    // assistive tech and on hover.
+    const showName = isSystem || isOtherPerson || (authorType === 'admin' && !isUser);
+    const displayName = name || (isHuman ? 'User' : assistantType === 'mingo' ? 'Mingo' : 'Fae');
     const faceBox = 'h-5 w-5 flex-shrink-0';
     const face: ReactNode =
-      !showAvatar || isSystem ? null : !isUser && !avatar && assistantIcon ? (
+      !showAvatar || isSystem ? null : !isHuman && !avatar && assistantIcon ? (
         <span title={displayName} className={cn('flex items-center justify-center', faceBox)}>
           {assistantIcon}
         </span>
-      ) : !isUser && !avatar && assistantType ? (
+      ) : !isHuman && !avatar && assistantType ? (
         // An agent with no picture shows its packaged mark, never initials.
         <span role="img" aria-label={displayName} title={displayName} className={cn('inline-flex', faceBox)}>
           <AgentMark agent={assistantType} className="h-full w-full rounded-full" />
@@ -755,6 +764,7 @@ const MemoizedChatMessageEnhanced = memo(ChatMessageEnhanced, (prevProps, nextPr
     prevProps.approvalVariant === nextProps.approvalVariant &&
     prevProps.appearance === nextProps.appearance &&
     prevProps.authorType === nextProps.authorType &&
+    prevProps.selfAuthorType === nextProps.selfAuthorType &&
     prevProps.assistantIcon === nextProps.assistantIcon &&
     prevProps.className === nextProps.className &&
     // Reference equality — the host re-uses the same array instance per

package/src/components/chat/chat-message-list.tsx

@@ -140,6 +140,7 @@ const ChatMessageList = forwardRef<HTMLDivElement, ChatMessageListProps>(
       contentClassName,
       assistantType,
       approvalVariant,
+      selfAuthorType,
       appearance = CHAT_APPEARANCE.CLASSIC,
       assistantIcon,
       pendingApprovals,
@@ -1047,6 +1048,7 @@ const ChatMessageList = forwardRef<HTMLDivElement, ChatMessageListProps>(
                         assistantType={message.assistantType || assistantType}
                         approvalVariant={approvalVariant}
                         authorType={message.authorType}
+                        selfAuthorType={selfAuthorType}
                         assistantIcon={message.role !== 'user' ? assistantIcon : undefined}
                         contextItems={message.contextItems}
                         resolveContextIcon={resolveContextIcon}

package/src/components/chat/types/component.types.ts

@@ -138,6 +138,10 @@ export interface ChatMessageEnhancedProps extends Omit<HTMLAttributes<HTMLDivEle
   name?: string;
   assistantType?: AssistantType;
   authorType?: AuthorType;
+  /** Whose words are the viewer's own, for a thread where two kinds of people
+   *  write (`ChatMessageList.selfAuthorType`). Omit and every `user` turn is
+   *  the viewer's own. */
+  selfAuthorType?: AuthorType;
   /** Viewer variant for approval blocks in this message's segments.
    *  `'admin'` (default) = full command block; `'client'` = end-client
    *  (Fae desktop app) title-only card. Forwarded to
@@ -295,6 +299,12 @@ export interface ChatMessageListProps extends HTMLAttributes<HTMLDivElement> {
    *  `'client'` ONLY on true end-client surfaces — admin views of a Fae
    *  dialog (tickets dialog client tab) keep the default. */
   approvalVariant?: ApprovalBlockVariant;
+  /** The `authorType` whose turns are the viewer's own: a bubble on the right.
+   *  Every other person's turn (a `user` row of another author type) reads as
+   *  an incoming reply, with their face and name. Omit where every `user` row
+   *  is the viewer's (Mingo: the admin's own turns arrive as `admin`); the Fae
+   *  client passes `'user'`, so a technician (`admin`) answers from the left. */
+  selfAuthorType?: AuthorType;
   /** Visual generation of the whole thread, blocks included. Default
    *  `classic`; the Fae client passes `v2`. See `ChatAppearance`. */
   appearance?: ChatAppearance;