orbcafe-ui 3.1.0 → 3.1.2

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,7 +2660,145 @@ 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 {
+  position: relative;
+  z-index: 2;
   display: flex;
   align-items: center;
   gap: 10px;
@@ -2646,6 +2808,107 @@ button.orb-app-header-locale:hover,
   background: var(--orb-canvas);
 }
 
+.orb-omph-header-actions {
+  margin-left: auto;
+  display: flex;
+  flex: none;
+  align-items: center;
+  gap: 2px;
+}
+
+.orb-omph-icon-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--orb-muted);
+  cursor: pointer;
+}
+
+.orb-omph-icon-btn:hover,
+.orb-omph-icon-btn[aria-expanded="true"] {
+  background: var(--orb-hover);
+  color: var(--orb-primary);
+}
+
+.orb-omph-icon-btn:focus-visible {
+  outline: 2px solid var(--orb-focus-ring);
+  outline-offset: 1px;
+}
+
+.orb-omph-conversation-anchor {
+  position: relative;
+}
+
+.orb-omph-conversations {
+  position: absolute;
+  top: calc(100% + 8px);
+  right: 0;
+  z-index: 3;
+  width: min(280px, calc(100vw - 48px));
+  max-height: 320px;
+  overflow: auto;
+  padding: 6px;
+  border: 1px solid var(--orb-border);
+  border-radius: var(--orb-r);
+  background: var(--orb-canvas);
+  box-shadow: var(--orb-shadow-1);
+}
+
+.orb-omph-conversation {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-start;
+  gap: 2px;
+  width: 100%;
+  min-width: 0;
+  padding: 8px 10px;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--orb-fg);
+  text-align: left;
+  cursor: pointer;
+}
+
+.orb-omph-conversation:hover,
+.orb-omph-conversation[data-active="true"] {
+  background: var(--orb-p50);
+}
+
+.orb-omph-conversation:focus-visible {
+  outline: 2px solid var(--orb-focus-ring);
+  outline-offset: -2px;
+}
+
+.orb-omph-conversation-title,
+.orb-omph-conversation-meta {
+  width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.orb-omph-conversation-title {
+  font: 600 13px/1.3 var(--orb-font);
+}
+
+.orb-omph-conversation-meta {
+  font: 500 11px/1.3 var(--orb-font);
+  color: var(--orb-muted);
+}
+
+.orb-omph-conversation-empty {
+  margin: 0;
+  padding: 12px 10px;
+  color: var(--orb-muted);
+  font: 500 13px/1.4 var(--orb-font);
+}
+
 .orb-omph-avatar {
   display: inline-flex;
   align-items: center;

package/package.json

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