@1agh/maude 0.37.0 → 0.38.0

package/apps/studio/client/styles/6-acp-chat.css

@@ -289,6 +289,12 @@
     font-weight: 600;
     color: var(--presence-agent);
   }
+  /* Live elapsed counter — dimmer than the label; tabular so it doesn't jitter. */
+  .chat-activity-elapsed {
+    font-variant-numeric: tabular-nums;
+    color: var(--fg-2);
+    opacity: 0.8;
+  }
 
   /* Feed (scrolls live) */
   .chat-feed {
@@ -324,6 +330,41 @@
     line-height: var(--lh-sm);
     max-width: 240px;
   }
+  /* One-time "Create new design system" CTA — the prominent accent button in the
+     empty state (prefills /design:setup-ds). Sits above the muted suggestion list. */
+  .chat-empty-cta {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    gap: var(--space-2);
+    width: 100%;
+    margin-top: var(--space-2);
+    font-family: var(--font-body);
+    font-size: var(--type-sm);
+    font-weight: 600;
+    color: var(--accent-fg);
+    background: var(--accent);
+    border: 1px solid var(--accent);
+    border-radius: var(--radius-sm);
+    padding: var(--space-3) var(--space-4);
+    cursor: pointer;
+    transition:
+      background var(--dur-soft) var(--ease-out),
+      border-color var(--dur-soft) var(--ease-out);
+  }
+  .chat-empty-cta:hover {
+    background: var(--accent-hover);
+    border-color: var(--accent-hover);
+  }
+  .chat-empty-cta:focus-visible {
+    outline: none;
+    border-color: var(--accent);
+    box-shadow: 0 0 0 3px var(--accent-tint);
+  }
+  .chat-empty-cta-ic {
+    display: inline-flex;
+    color: currentColor;
+  }
   .chat-sugs {
     display: flex;
     flex-direction: column;
@@ -408,6 +449,14 @@
     line-height: var(--lh-base);
   }
 
+  /* Continuation bubble — background work (subagent results / consolidation)
+     that streamed in after the turn's premature settle (RCA F2). A dashed rule
+     marks it as a continuation of the message above, not a fresh reply. */
+  .chat-msg--continued {
+    border-top: 1px dashed var(--border-subtle);
+    padding-top: var(--space-3);
+  }
+
   /* Rendered markdown inside the assistant bubble (chat-markdown.jsx) */
   .chat-msg--assistant .chat-bubble > * + * {
     margin-top: var(--space-2);
@@ -589,6 +638,37 @@
     color: var(--fg-1);
     font-weight: 600;
   }
+  /* Context attachment chip (feature-acp-context-hardening) — the visible
+     reveal of the frozen <maude-context> block; label + a remove ×. */
+  .chat-ctx-label {
+    display: inline-block;
+    max-width: 100%;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    padding: 2px var(--space-2);
+    border: 1px solid var(--border-subtle);
+    border-radius: var(--radius-sm);
+    background: var(--bg-2);
+    color: var(--fg-1);
+  }
+  .chat-ctx--stale .chat-ctx-label {
+    border-color: var(--warn, hsl(38 92% 50%));
+    color: var(--warn, hsl(38 92% 50%));
+  }
+  .chat-ctx-x {
+    flex: none;
+    padding: 0 var(--space-1);
+    border: 0;
+    background: none;
+    color: var(--fg-2);
+    font-size: var(--type-sm);
+    line-height: 1;
+    cursor: pointer;
+  }
+  .chat-ctx-x:hover {
+    color: var(--fg-0);
+  }
 
   /* Composer box — textarea on top, a bottom toolbar (model · effort · send),
      Zed-style. One border + focus ring around the whole box. */
@@ -679,6 +759,42 @@
     opacity: 0.45;
     cursor: default;
   }
+  /* Attachment reveal strip — shows what each paste chip expands to BEFORE send,
+     so a collapsed [file-1]/[link-1]/[image-N] can never carry a value the user
+     can't see into the auto-approving agent (DDR-140 / security-review mitigation). */
+  .chat-attach {
+    display: flex;
+    flex-direction: column;
+    gap: 2px;
+    margin-top: var(--space-2);
+  }
+  .chat-attach-row {
+    display: flex;
+    align-items: center;
+    gap: var(--space-2);
+    min-width: 0;
+    font-size: var(--type-xs);
+  }
+  .chat-attach-tok {
+    flex-shrink: 0;
+    font-family: var(--font-mono);
+    color: var(--fg-1);
+    background: var(--bg-4, var(--bg-3));
+    border-radius: var(--radius-xs);
+    padding: 0 4px;
+  }
+  .chat-attach-arrow {
+    flex-shrink: 0;
+    color: var(--fg-3);
+  }
+  .chat-attach-val {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    color: var(--fg-2);
+    font-family: var(--font-mono);
+  }
   .chat-foot {
     display: flex;
     align-items: center;
@@ -691,6 +807,134 @@
     flex: 1;
   }
 
+  /* ── Slash-command autocomplete + inline highlight ────────────────────────
+     The composer becomes command-aware: typing "/" opens `.chat-cmd-menu`
+     (populated from the static list ∪ the live ACP catalogue), and a recognized
+     command renders as a `.chat-cmd-pill` INSIDE the input via a mirror overlay. */
+
+  /* Relative anchor so the popover floats above the composer box. */
+  .chat-cmd-anchor {
+    position: relative;
+  }
+
+  /* Mirror-overlay: a text layer behind a transparent-text textarea. The mirror
+     is the visible text; the textarea owns the caret + input. Their box models
+     MUST stay identical (padding / font / line-height / wrap) or the pill drifts. */
+  .chat-input-wrap {
+    position: relative;
+    display: block;
+  }
+  .chat-input-mirror {
+    position: absolute;
+    inset: 0;
+    z-index: 0;
+    padding: var(--space-3) var(--space-4);
+    font-family: var(--font-body);
+    font-size: var(--type-sm);
+    line-height: var(--lh-base);
+    letter-spacing: 0;
+    color: var(--fg-0);
+    white-space: pre-wrap;
+    overflow-wrap: break-word;
+    word-break: break-word;
+    overflow: hidden;
+    pointer-events: none;
+  }
+  .chat-input--overlay {
+    position: relative;
+    z-index: 1;
+    line-height: var(--lh-base);
+    letter-spacing: 0;
+    color: transparent;
+    caret-color: var(--fg-0);
+    background: transparent;
+  }
+  /* The recognized-command pill. NO padding/margin/letter-spacing — those would
+     change glyph advance and desync the mirror from the textarea caret. The 2px
+     box-shadow fakes padding without touching layout. */
+  .chat-cmd-pill {
+    background: var(--accent-tint);
+    color: var(--accent);
+    border-radius: var(--radius-xs);
+    box-shadow: 0 0 0 2px var(--accent-tint);
+  }
+
+  /* Pasted-path / URL chip ([image-1] / [file-1] / [link-1]). Same zero-advance
+     discipline as .chat-cmd-pill (no padding/margin/letter-spacing → the mirror
+     stays glyph-aligned with the textarea caret). Neutral tint so it reads as an
+     attachment badge, distinct from the accent command pill. Reused verbatim in
+     the sent-message bubble, where the box-shadow padding is harmless. */
+  .chat-paste-chip {
+    background: var(--bg-4, var(--bg-3));
+    color: var(--fg-1);
+    border-radius: var(--radius-xs);
+    box-shadow: 0 0 0 2px var(--bg-4, var(--bg-3));
+  }
+  .chat-msg--user .chat-paste-chip {
+    color: var(--accent);
+  }
+
+  /* Autocomplete popover — opens upward (composer sits at the panel bottom). */
+  .chat-cmd-menu {
+    position: absolute;
+    left: 0;
+    right: 0;
+    bottom: calc(100% + var(--space-2));
+    z-index: 20;
+    max-height: 280px;
+    overflow-y: auto;
+    display: flex;
+    flex-direction: column;
+    gap: 1px;
+    padding: var(--space-1);
+    background: var(--bg-2);
+    border: 1px solid var(--border-default);
+    border-radius: var(--radius-sm);
+    box-shadow: var(--shadow-lg);
+  }
+  .chat-cmd-item {
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-2);
+    width: 100%;
+    text-align: left;
+    appearance: none;
+    border: 0;
+    background: transparent;
+    border-radius: var(--radius-xs);
+    padding: var(--space-2) var(--space-3);
+    cursor: pointer;
+    color: var(--fg-1);
+  }
+  .chat-cmd-item:hover,
+  .chat-cmd-item.is-active {
+    background: var(--bg-3);
+  }
+  .chat-cmd-name {
+    flex-shrink: 0;
+    font-family: var(--font-mono);
+    font-size: var(--type-xs);
+    color: var(--accent);
+  }
+  .chat-cmd-name--flow {
+    color: var(--presence-agent);
+  }
+  .chat-cmd-desc {
+    flex: 1;
+    min-width: 0;
+    font-size: var(--type-xs);
+    color: var(--fg-2);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .chat-cmd-arg {
+    flex-shrink: 0;
+    font-family: var(--font-mono);
+    font-size: var(--type-xs);
+    color: var(--fg-3);
+  }
+
   /* Streaming → Stop bar */
   .chat-stopbar {
     display: flex;

package/apps/studio/commands/reorder-command.ts

@@ -0,0 +1,77 @@
+/**
+ * @file       commands/reorder-command.ts — undo entry for element reorders
+ * @scope      apps/studio/commands/reorder-command.ts
+ * @purpose    Reversible record of a Phase 12.1 node-move (canvas drag /
+ *             Layers-panel drag / Alt+arrow keyboard move). Before this command
+ *             existed a reorder was covered by NEITHER the Cmd+Z stack NOR any
+ *             in-app affordance — only /design:rollback could recover it.
+ *
+ * Why not an inverse move descriptor. A reorder churns every positional
+ * data-cd-id at or after the touched span, so a stored "move A back before B"
+ * goes stale the moment it's recorded. Instead the SERVER logs the whole-file
+ * {before, after} under a monotonic `seq` (api.ts reorderLog) and this record
+ * stores only { canvas, seq }: undo() asks the server to swap back to `before`,
+ * redo() to `after`. The server refuses (409) when the file changed since —
+ * honest failure instead of corrupting an interleaved edit.
+ *
+ * Origin split (DDR-054). This command runs INSIDE the untrusted canvas iframe,
+ * but `/_api/reorder-revert` is main-origin-only — so do()/undo() route through
+ * the injected `reorderRevertFn` sink, which posts `dgn:'reorder-revert'` to the
+ * parent shell; the shell performs the privileged write. Serializable payload
+ * (DDR-050 rev 2) so the stack survives the HMR reload the write triggers.
+ */
+
+import type { CommandRecord, EditCommand } from '../undo-stack.ts';
+import { registerCommand } from '../undo-stack.ts';
+
+export interface ReorderPayload {
+  /** Canvas file path (same string the reorder POST used). */
+  canvas: string;
+  /** Server-assigned revert-log sequence number (api.ts reorderLog). */
+  seq: number;
+}
+
+/** Posts the revert request to the shell (production) or a spy (tests). */
+export type ReorderRevertFn = (revert: {
+  canvas: string;
+  seq: number;
+  dir: 'undo' | 'redo';
+}) => void | Promise<void>;
+
+export const REORDER_KIND = 'reorder';
+
+export function createReorderCommand(init: {
+  payload: ReorderPayload;
+  revertFn: ReorderRevertFn;
+  label?: string;
+}): EditCommand {
+  const { payload, revertFn } = init;
+  return {
+    kind: REORDER_KIND,
+    label: init.label ?? 'move element',
+    async do() {
+      await revertFn({ canvas: payload.canvas, seq: payload.seq, dir: 'redo' });
+    },
+    async undo() {
+      await revertFn({ canvas: payload.canvas, seq: payload.seq, dir: 'undo' });
+    },
+  };
+}
+
+/**
+ * Build a persistable record. The reorder already landed (the shell POSTed
+ * /_api/reorder before telling the canvas), so push via `record()` — appends
+ * WITHOUT re-running do().
+ */
+export function buildReorderRecord(
+  payload: ReorderPayload,
+  label?: string
+): CommandRecord<ReorderPayload> {
+  return { kind: REORDER_KIND, label: label ?? 'move element', payload };
+}
+
+registerCommand<ReorderPayload>(REORDER_KIND, (record, sinks) => {
+  const revertFn = sinks.reorderRevertFn as ReorderRevertFn | undefined;
+  if (!revertFn) return null;
+  return createReorderCommand({ payload: record.payload, revertFn, label: record.label });
+});

package/apps/studio/config.schema.json

@@ -134,6 +134,12 @@
       "description": "How chromatically/decoratively expressive the DS is. Inferred by ux-research-agent from brand character during /design:setup-ds (NOT a picker), then anchors the structural knobs (accentStrategy, shadow/decor) and sets the default opt_out_scope for canvases under this DS (restrained|confident → palette, expressive → aesthetic, maximalist → full). Default 'restrained' is the legacy/no-bootstrap fallback only — a bootstrapped DS always writes the inferred value. Per DDR-073.",
       "default": "restrained"
     },
+    "dsFidelity": {
+      "type": "string",
+      "enum": ["advisory", "strict"],
+      "description": "How hard DS reuse is enforced during canvas generation/edit. 'advisory' (default) = reuse findings (invented brand mark/icons, reinvented components, parallel product shell) surface as warnings. 'strict' = when the DS ships a canonical specimen (logo, iconography, component, platform showcase), reinventing it is a blocker the auto-fix loop must clear. Orthogonal to opt_out_scope on the SAME axis of 'how much the DS binds': a canvas's explicit opt_out_scope=full always wins over strict (explicit free-use beats project policy). A11y is independent of this knob. Per DDR-141.",
+      "default": "advisory"
+    },
     "designSystems": {
       "type": "array",
       "description": "Design systems available in this project. Single-DS projects have one entry; multi-DS projects (marketing vs. admin vs. mobile) list each here. Each canvas's .meta.json declares which DS it uses via the 'designSystem' field. The System view's DS picker iterates this array.",