orbcafe-ui 3.1.0 → 3.1.1

package/dist/orbis.css

@@ -2577,6 +2577,30 @@ button.orb-app-header-locale:hover,
   font-size: 12px;
 }
 
+.markdown-body .orb-html-demo-frame {
+  margin: 12px 0 4px;
+  overflow: hidden;
+  border: 1px solid var(--orb-border);
+  border-radius: var(--orb-r);
+  background: var(--orb-canvas);
+}
+
+.markdown-body .orb-html-demo-caption {
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--orb-border);
+  background: var(--orb-surface);
+  color: var(--orb-fg-strong);
+  font: 600 14px/1.3 var(--orb-font);
+}
+
+.markdown-body .orb-html-demo {
+  display: block;
+  width: 100%;
+  margin: 0;
+  border: 0;
+  background: var(--orb-canvas);
+}
+
 .markdown-body blockquote {
   margin: 8px 0;
   padding: 2px 12px;
@@ -2636,6 +2660,142 @@ button.orb-app-header-locale:hover,
   border-radius: var(--orb-shell-radius);
 }
 
+/* Composer takeover while a tool waits for a one-shot decision. */
+.orb-omph-approval {
+  --orb-omph-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
+  width: 100%;
+}
+
+.orb-omph-approval-card {
+  overflow: hidden;
+  border: 1px solid var(--orb-warn);
+  border-radius: var(--orb-shell-radius);
+  background: var(--orb-canvas);
+  box-shadow: var(--orb-shadow-2);
+}
+
+.orb-omph-approval-strip {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 10px 16px;
+  background: var(--orb-warn-bg);
+  color: var(--orb-warn);
+  font: 500 14px/1.3 var(--orb-font);
+}
+
+.orb-omph-approval-dot {
+  flex: none;
+  width: 8px;
+  height: 8px;
+  border-radius: 50%;
+  background: var(--orb-warn);
+}
+
+.orb-omph-approval-body {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  max-height: 280px;
+  padding: 12px 16px 0;
+  overflow: auto;
+  outline: none;
+}
+
+.orb-omph-approval-body:focus-visible {
+  box-shadow: inset 0 0 0 2px var(--orb-focus-ring);
+}
+
+.orb-omph-approval-headline {
+  color: var(--orb-fg-strong);
+  font: 500 14px/1.5 var(--orb-font);
+}
+
+.orb-omph-approval-detail {
+  color: var(--orb-muted);
+  font: 400 13px/1.5 var(--orb-omph-mono);
+  overflow-wrap: anywhere;
+}
+
+.orb-omph-approval-choices {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+
+.orb-omph-approval-choice {
+  display: grid;
+  grid-template-columns: 16px minmax(0, 1fr);
+  column-gap: 10px;
+  row-gap: 2px;
+  align-items: start;
+  margin: 0;
+  padding: 8px 10px;
+  border: 1px solid var(--orb-border);
+  border-radius: var(--orb-r);
+  background: transparent;
+  color: var(--orb-fg);
+  font: 500 14px/1.4 var(--orb-font);
+  cursor: pointer;
+}
+
+.orb-omph-approval-choice[data-selected='true'] {
+  border-color: var(--orb-primary);
+  background: var(--orb-p50);
+}
+
+.orb-omph-approval-choice input {
+  margin-top: 3px;
+  accent-color: var(--orb-primary);
+}
+
+.orb-omph-approval-choice-copy {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 0;
+}
+
+.orb-omph-approval-choice-description {
+  color: var(--orb-muted);
+  font: 400 13px/1.45 var(--orb-font);
+}
+
+.orb-omph-approval-other {
+  width: 100%;
+  min-height: 72px;
+  margin: 0;
+  padding: 8px 10px;
+  resize: vertical;
+  border: 1px solid var(--orb-border);
+  border-radius: var(--orb-r);
+  background: var(--orb-canvas);
+  color: var(--orb-fg);
+  font: 400 14px/1.5 var(--orb-font);
+}
+
+.orb-omph-approval-other:focus {
+  border-color: var(--orb-primary);
+  outline: none;
+  box-shadow: 0 0 0 1px var(--orb-focus-ring);
+}
+
+.orb-omph-approval-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  padding: 14px 16px;
+}
+
+.orb-omph-approval-reject:hover:not(:disabled) {
+  background: var(--orb-err-bg);
+  color: var(--orb-err);
+  border-color: var(--orb-err);
+}
+
 .orb-omph-header {
   display: flex;
   align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orbcafe-ui",
-  "version": "3.1.0",
+  "version": "3.1.1",
   "description": "ORBCAFE UI components — ORBIS brand system, MUI-free",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",