npm - @xopcai/xopc - Versions diffs - 0.0.266 → 0.0.267 - Mend

@xopcai/xopc 0.0.266 → 0.0.267

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (115) hide show

package/dist/browser-ext/dist/assets/sidepanel-CEPaVLjr.css ADDED Viewed

@@ -0,0 +1,155 @@
+:root {
+  color-scheme: light dark;
+  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Segoe UI", Roboto, "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Noto Sans CJK SC", "Microsoft YaHei", sans-serif;
+  /* Keep the extension aligned with the Gateway's default Calm Intelligence theme. */
+  --surface-base: #f7f8fa;
+  --surface-panel: #ffffff;
+  --surface-hover: #e8ecf1;
+  --surface-active: #dfe5ec;
+  --fg: #111111;
+  --fg-muted: #666666;
+  --fg-subtle: #999999;
+  --fg-disabled: #b8b8b8;
+  --edge-subtle: #f2f2f2;
+  --edge: #ececec;
+  --edge-strong: #d8dce8;
+  --accent: #3a6bff;
+  --accent-hover: #315ce6;
+  --accent-soft: #eef3ff;
+  --accent-fg: #2f5ef6;
+  --success: #2ccb7f;
+  --success-soft: #e7fbf1;
+  --danger: #ff5d5d;
+  --danger-soft: #fff0f0;
+  --warning: #ffb84d;
+  --warning-soft: #fff7e8;
+  --shadow-surface: 0 1px 2px rgb(17 17 17 / 4%), 0 6px 18px rgb(17 17 17 / 4%);
+  --shadow-popover: 0 10px 32px rgb(17 17 17 / 10%), 0 2px 10px rgb(17 17 17 / 6%);
+  background: var(--surface-base);
+  color: var(--fg);
+}
+:root[data-theme='dark'] {
+    --surface-base: #14171c;
+    --surface-panel: #1b1f26;
+    --surface-hover: #242933;
+    --surface-active: #2e3440;
+    --fg: #f4f6f8;
+    --fg-muted: #b8bec8;
+    --fg-subtle: #87909d;
+    --fg-disabled: #626b78;
+    --edge-subtle: #252932;
+    --edge: #323844;
+    --edge-strong: #465061;
+    --accent: #3a6bff;
+    --accent-hover: #6f91ff;
+    --accent-soft: rgb(58 107 255 / 0.2);
+    --accent-fg: #adc0ff;
+    --success: #2ccb7f;
+    --success-soft: rgb(44 203 127 / 0.16);
+    --danger: #ff5d5d;
+    --danger-soft: rgb(255 93 93 / 0.16);
+    --warning: #ffb84d;
+    --warning-soft: rgb(255 184 77 / 0.16);
+    --shadow-surface: 0 0 0 1px rgb(255 255 255 / 4.5%);
+  --shadow-popover: 0 18px 54px rgb(0 0 0 / 38%), 0 0 0 1px rgb(255 255 255 / 5%);
+}
+* { box-sizing: border-box; }
+html, body, #root { height: 100%; margin: 0; }
+html { background: var(--surface-base); color: var(--fg); -webkit-font-smoothing: antialiased; }
+body { overflow: hidden; }
+button, input, textarea, select { font: inherit; }
+button { cursor: pointer; color: inherit; }
+button:disabled { cursor: default; }
+button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+input::placeholder, textarea::placeholder { color: var(--fg-disabled); }
+.shell { min-height: 100%; display: flex; flex-direction: column; background: var(--surface-base); }
+.header { height: 56px; padding: 0 16px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid var(--edge); background: var(--surface-panel); }
+.brand { font-size: 17px; font-weight: 650; flex: 1; }
+.status { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--fg-muted); }
+.status-dot { width: 8px; height: 8px; border-radius: 999px; background: var(--fg-subtle); }
+.status-dot.online { background: var(--success); }
+.status-dot.error { background: var(--danger); }
+.center { flex: 1; display: grid; place-items: center; padding: 24px; }
+.card { width: min(100%, 420px); border: 1px solid var(--edge); border-radius: 14px; padding: 20px; background: var(--surface-panel); box-shadow: var(--shadow-surface); }
+.card h1 { margin: 0 0 8px; font-size: 20px; }
+.muted { color: var(--fg-muted); line-height: 1.5; font-size: 13px; }
+.field { display: grid; gap: 6px; margin-top: 14px; font-size: 13px; }
+.field input, .field textarea { width: 100%; border: 1px solid var(--edge-strong); border-radius: 8px; padding: 10px 12px; background: var(--surface-panel); color: var(--fg); }
+.primary { border: 0; border-radius: 8px; background: var(--accent); color: #fff; padding: 10px 14px; font-weight: 600; transition: background-color 150ms ease; }
+.primary:hover:not(:disabled) { background: var(--accent-hover); }
+.primary:disabled { background: var(--surface-active); color: var(--fg-disabled); }
+.secondary { border: 1px solid var(--edge-strong); border-radius: 8px; background: var(--surface-panel); padding: 8px 12px; }
+.secondary:hover { background: var(--surface-hover); }
+.actions { display: flex; gap: 8px; margin-top: 16px; }
+.local-connect { width: 100%; margin-top: 12px; }
+.pairing-divider { display: flex; align-items: center; gap: 8px; margin-top: 16px; color: var(--fg-subtle); font-size: 11px; }
+.pairing-divider::before, .pairing-divider::after { content: ""; height: 1px; flex: 1; background: var(--edge); }
+.error-text { color: var(--danger); font-size: 13px; margin-top: 10px; }
+.approval-code { font: 700 28px ui-monospace, "SF Mono", monospace; letter-spacing: 5px; margin: 18px 0; color: var(--accent-fg); }
+.disconnect-link { position: absolute; top: 17px; right: 96px; border: 0; background: transparent; color: var(--fg-muted); font-size: 11px; }
+.disconnect-link:hover { color: var(--fg); }
+.chat { min-height: 0; flex: 1; display: flex; flex-direction: column; position: relative; background: var(--surface-base); }
+.chat-toolbar { height: 52px; border-bottom: 1px solid var(--edge); display: flex; align-items: center; padding: 0 12px; gap: 8px; background: var(--surface-panel); }
+.session-trigger { flex: 1; display: flex; justify-content: center; gap: 7px; border: 0; background: transparent; font-weight: 600; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
+.icon-button { width: 32px; height: 32px; border-radius: 8px; border: 1px solid var(--edge); background: var(--surface-panel); }
+.icon-button:hover { background: var(--surface-hover); }
+.session-menu { position: absolute; z-index: 5; top: 108px; left: 12px; right: 12px; max-height: min(60vh, 500px); border: 1px solid var(--edge-strong); border-radius: 12px; background: var(--surface-panel); padding: 10px; box-shadow: var(--shadow-popover); }
+.session-menu > input { width: 100%; border: 0; border-bottom: 1px solid var(--edge); padding: 9px; outline: none; background: transparent; color: var(--fg); }
+.session-list { overflow: auto; max-height: 380px; padding-top: 5px; }
+.session-list button { width: 100%; border: 0; background: transparent; border-radius: 7px; display: flex; justify-content: space-between; gap: 12px; padding: 9px; text-align: left; }
+.session-list button:hover { background: var(--surface-hover); }
+.session-list span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
+.session-list small { color: var(--fg-subtle); }
+.messages { flex: 1; overflow-y: auto; padding: 18px 16px 150px; }
+.empty-chat { height: 100%; display: grid; place-content: center; text-align: center; color: var(--fg-muted); }
+.mark { font-size: 40px; color: var(--fg-subtle); }
+.message { margin: 0 0 20px; line-height: 1.55; color: var(--fg); }
+.message.user { margin-left: 15%; background: color-mix(in srgb, var(--surface-hover) 80%, transparent); border-radius: 14px; padding: 10px 12px; }
+.message-role { font-size: 11px; font-weight: 700; color: var(--fg-muted); margin-bottom: 4px; text-transform: uppercase; letter-spacing: .04em; }
+.message-content { white-space: pre-wrap; overflow-wrap: anywhere; }
+.source-badge { display: inline-block; max-width: 100%; margin-bottom: 6px; border: 1px solid color-mix(in srgb, var(--accent) 32%, transparent); border-radius: 999px; padding: 3px 8px; color: var(--accent-fg); background: var(--accent-soft); font-size: 11px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
+.caret { display: inline-block; width: 6px; height: 1em; margin-left: 2px; vertical-align: -2px; background: var(--accent); animation: blink 1s steps(1) infinite; }
+@keyframes blink { 50% { opacity: 0; } }
+.composer { position: absolute; left: 12px; right: 12px; bottom: 12px; border: 1px solid var(--edge); border-radius: 16px; background: var(--surface-panel); padding: 10px; box-shadow: var(--shadow-surface); }
+.composer textarea { width: 100%; resize: none; border: 0; outline: none; background: transparent; color: var(--fg); }
+.tab-mention-menu { position: absolute; z-index: 6; left: 0; right: 0; bottom: calc(100% + 8px); max-height: min(45vh, 320px); overflow-y: auto; border: 1px solid var(--edge-strong); border-radius: 12px; background: var(--surface-panel); padding: 5px; box-shadow: var(--shadow-popover); }
+.tab-mention-menu button { width: 100%; display: grid; gap: 2px; border: 0; border-radius: 8px; padding: 8px 10px; background: transparent; color: inherit; text-align: left; }
+.tab-mention-menu button:hover, .tab-mention-menu button.selected { background: var(--accent-soft); }
+.tab-mention-menu span, .tab-mention-menu small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
+.tab-mention-menu span { font-size: 12px; font-weight: 600; }
+.tab-mention-menu small, .tab-mention-empty { color: var(--fg-muted); font-size: 11px; }
+.tab-mention-empty { padding: 10px; }
+.composer-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px; margin-top: 5px; }
+.composer-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; min-width: 0; }
+.composer-tools button { border: 0; background: transparent; padding: 3px; color: var(--fg-muted); font-size: 11px; }
+.composer-tools button:hover { color: var(--fg); }
+.context-chip { display: flex; align-items: center; gap: 5px; margin-bottom: 7px; border: 1px solid color-mix(in srgb, var(--accent) 32%, transparent); border-radius: 8px; padding: 6px 7px; color: var(--accent-fg); background: var(--accent-soft); font-size: 11px; }
+.context-chip span { min-width: 0; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
+.context-chip button { border: 0; background: transparent; color: inherit; padding: 2px 4px; }
+.context-chip.stale { border-color: color-mix(in srgb, var(--warning) 55%, var(--edge)); background: var(--warning-soft); color: color-mix(in srgb, var(--warning) 70%, var(--fg)); }
+.attachment-chip { display: flex; align-items: center; gap: 5px; margin-bottom: 7px; border: 1px solid var(--edge-strong); border-radius: 8px; padding: 6px 7px; color: var(--fg-muted); background: var(--surface-base); font-size: 11px; }
+.attachment-chip span { min-width: 0; flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
+.attachment-chip button { border: 0; background: transparent; color: inherit; }
+.file-input { display: none; }
+.connection-label { color: var(--fg-subtle); font-size: 11px; }
+.model-controls { display: flex; align-items: center; gap: 4px; margin-left: auto; }
+.model-controls select { min-width: 0; max-width: 120px; border: 0; background: transparent; color: var(--fg-muted); font-size: 11px; }
+.send-button, .stop-button { border: 0; border-radius: 999px; min-width: 34px; height: 34px; background: var(--accent); color: #fff; font-weight: 700; transition: background-color 150ms ease; }
+.send-button:hover:not(:disabled), .stop-button:hover:not(:disabled) { background: var(--accent-hover); }
+.send-button:disabled { background: var(--surface-active); color: var(--fg-disabled); }
+.stop-button { padding: 0 13px; }
+.composer-error { color: var(--danger); font-size: 12px; margin-bottom: 6px; }
+.clarification { margin: 0 0 10px; border: 1px solid color-mix(in srgb, var(--accent) 32%, transparent); border-radius: 11px; padding: 10px; background: var(--accent-soft); }
+.clarification strong { display: block; font-size: 12px; color: var(--accent-fg); }
+.clarification p { margin: 6px 0 8px; font-size: 13px; line-height: 1.45; }
+.clarification > button, .clarification-actions button, .clarification-answer button { margin: 0 6px 6px 0; border: 1px solid color-mix(in srgb, var(--accent) 40%, var(--edge)); border-radius: 7px; padding: 5px 8px; background: var(--surface-panel); color: var(--accent-fg); font-size: 12px; }
+.clarification > button:hover, .clarification-actions button:hover, .clarification-answer button:hover { background: var(--surface-hover); }
+.clarification-answer { display: flex; gap: 6px; }
+.clarification-answer input { min-width: 0; flex: 1; border: 1px solid color-mix(in srgb, var(--accent) 40%, var(--edge)); border-radius: 7px; padding: 6px 8px; background: var(--surface-panel); color: var(--fg); }
+.clarification-actions { margin-top: 3px; }
+.clarification-actions button { border-color: transparent; background: transparent; color: var(--fg-muted); }