@mihe-dev/js 0.2.0 → 0.2.1
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.
- package/dist/mihe.d.ts +1 -1
- package/dist/mihe.iife.min.js +12 -5
- package/dist/mihe.iife.min.js.map +3 -3
- package/dist/mihe.js +1 -1
- package/dist/mihe.min.js +12 -5
- package/dist/mihe.min.js.map +3 -3
- package/dist/widget/card.js +15 -2
- package/dist/widget/card.js.map +1 -1
- package/dist/widget/styles.d.ts +1 -1
- package/dist/widget/styles.d.ts.map +1 -1
- package/dist/widget/styles.js +7 -0
- package/dist/widget/styles.js.map +1 -1
- package/package.json +1 -1
package/dist/widget/card.js
CHANGED
|
@@ -20,12 +20,25 @@ export function confirmationCard(proposal, onRespond, view = hintedView(proposal
|
|
|
20
20
|
const description = v && v.source !== "plain"
|
|
21
21
|
? h("details", { class: "card-more" }, h("summary", {}, "More about this"), h("p", { class: "card-description" }, proposal.description))
|
|
22
22
|
: h("p", { class: "card-description" }, proposal.description);
|
|
23
|
-
return h("div", { class: "card", attrs: { role: "group", "aria-label": `Confirm: ${proposal.label}`, "aria-busy": pending ? "true" : undefined } }, h("div", { class: "card-header" }, h("strong", {}, proposal.label), h("span", { class: high ? "risk risk-high" : "risk" }, high ? "Needs care" : "Confirm")), pending && h("p", { class: "card-description" }, "Checking the details…"), v?.summary && h("p", { class: "card-summary" }, v.summary), v && v.source === "plain" && description, v && v.lines.length > 0 && h("dl", { class: "card-input" }, ...v.lines.map(cardLine)), v?.note && h("p", { class: "card-note" }, v.note), v && v.source !== "plain" && description, h("div", { class: "card-actions" }, h("button", { class: "button-secondary", attrs: { type: "button" }, on: { click: () => onRespond(proposal.proposalId, false) } }, "Cancel"), h("button", { class: "button-primary", attrs: { type: "button", disabled: pending ? "" : undefined }, on: { click: () => { if (!pending)
|
|
23
|
+
return h("div", { class: "card", attrs: { role: "group", "aria-label": `Confirm: ${proposal.label}`, "aria-busy": pending ? "true" : undefined } }, h("div", { class: "card-header" }, h("strong", {}, proposal.label), h("span", { class: high ? "risk risk-high" : "risk" }, high ? "Needs care" : "Confirm")), pending && h("p", { class: "card-description" }, "Checking the details…"), v?.summary && h("p", { class: "card-summary" }, v.summary), v && v.source === "plain" && description, v && v.lines.length > 0 && h("dl", { class: "card-input" }, ...v.lines.map(cardLine)), v?.note && h("p", { class: "card-note" }, v.note), v && v.source !== "plain" && description, h("div", { class: "card-actions" }, h("button", { class: "button-secondary", attrs: { type: "button" }, on: { click: () => onRespond(proposal.proposalId, false) } }, "Cancel"), h("button", { class: high ? "button-primary button-danger" : "button-primary", attrs: { type: "button", disabled: pending ? "" : undefined }, on: { click: () => { if (!pending)
|
|
24
24
|
onRespond(proposal.proposalId, true); } } }, v?.confirmLabel ?? "Confirm")));
|
|
25
25
|
}
|
|
26
26
|
/** One line: its label, then pictures, what it was and what it becomes, and any list (each entry checkable on its own). */
|
|
27
27
|
function cardLine(line) {
|
|
28
|
-
|
|
28
|
+
// With pictures: the pictures on the left, what they are beside them, so rows line up whatever the names.
|
|
29
|
+
if (line.images?.length) {
|
|
30
|
+
return h("div", { class: "card-media-row" }, h("span", { class: "card-images" }, ...line.images.map((im) => h("img", { attrs: { src: im.src, alt: im.alt ?? "", loading: "lazy", referrerpolicy: "no-referrer" } }))), h("span", { class: "card-media-text" }, line.label && h("dt", { class: "card-media-label" }, line.label), h("dd", { class: line.label ? "card-media-value" : "card-media-value card-media-strong" }, ...lineValue(line))));
|
|
31
|
+
}
|
|
32
|
+
const value = h("dd", { class: line.label ? "card-value" : "card-value card-value-wide" }, ...lineValue(line));
|
|
29
33
|
return h("div", { class: "card-row" }, line.label && h("dt", { class: "card-key" }, line.label), value);
|
|
30
34
|
}
|
|
35
|
+
/** What a line says: what it was, what it becomes, and any list. */
|
|
36
|
+
function lineValue(line) {
|
|
37
|
+
return [
|
|
38
|
+
line.before !== undefined && h("s", { class: "card-before" }, line.before),
|
|
39
|
+
line.before !== undefined && h("span", { class: "card-arrow", attrs: { "aria-label": "becomes" } }, " → "),
|
|
40
|
+
line.text !== undefined && h("span", { class: "input-text" }, line.text),
|
|
41
|
+
!!line.items?.length && h("ol", { class: "input-list" }, ...line.items.map((item) => h("li", {}, h("span", { class: "input-text" }, item)))),
|
|
42
|
+
];
|
|
43
|
+
}
|
|
31
44
|
//# sourceMappingURL=card.js.map
|
package/dist/widget/card.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../js/src/widget/card.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"card.js","sourceRoot":"","sources":["../../../../js/src/widget/card.ts"],"names":[],"mappings":"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"}
|
package/dist/widget/styles.d.ts
CHANGED
|
@@ -18,5 +18,5 @@
|
|
|
18
18
|
export declare const LAUNCHER_BG = "#221f1b";
|
|
19
19
|
export declare const LAUNCHER_INK = "#eae7e4";
|
|
20
20
|
export declare const LAUNCHER_VOICE = "#5ac8cd";
|
|
21
|
-
export declare const STYLES = "\n:host {\n all: initial;\n --mihe-accent: #4f7cff;\n --mihe-radius: 14px;\n --mihe-font: system-ui, -apple-system, 'Segoe UI', sans-serif;\n --mihe-z: 2147482000;\n}\n:host([layout=\"inline\"]) { display: block; width: 100%; height: 100%; }\n*, *::before, *::after { box-sizing: border-box; }\n[hidden] { display: none !important; }\nbutton { font: inherit; color: inherit; margin: 0; }\n\n.panel {\n display: flex; flex-direction: column; width: 100%; height: 100%;\n background: #fff; color: #0f172a;\n border-radius: var(--mihe-radius); border: 1px solid #e2e8f0;\n box-shadow: 0 20px 50px rgba(15,23,42,0.22);\n font: 14px/1.5 var(--mihe-font); overflow: hidden;\n}\n.floating {\n position: fixed; bottom: 20px;\n width: min(380px, calc(100vw - 40px)); height: min(560px, calc(100vh - 40px));\n z-index: var(--mihe-z);\n}\n.floating.right { right: 20px; }\n.floating.left { left: 20px; }\n.header {\n display: flex; align-items: center; justify-content: space-between;\n padding: 12px 14px; border-bottom: 1px solid #e2e8f0; font-weight: 600;\n}\n.header-title { display: flex; align-items: center; gap: 8px; }\n.status-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; background: #f59e0b; }\n.status-dot.open { background: #22c55e; }\n.icon-button { border: none; background: transparent; cursor: pointer; font-size: 14px; color: #64748b; }\n.transcript { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 10px; }\n.empty { color: #64748b; margin: 0; }\n.bubble-user, .bubble-assistant { max-width: 85%; padding: 8px 12px; white-space: pre-wrap; overflow-wrap: anywhere; }\n.bubble-user { align-self: flex-end; background: var(--mihe-accent); color: #fff; border-radius: 12px 12px 2px 12px; }\n.bubble-assistant { align-self: flex-start; background: #f1f5f9; border-radius: 12px 12px 12px 2px; }\n.thinking { color: #64748b; font-style: italic; }\n.sources { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; padding-top: 8px; border-top: 1px solid #e2e8f0; }\n.source { font-size: 11px; color: #475569; background: #f1f5f9; padding: 2px 8px; border-radius: 999px; }\n.source a { color: inherit; text-decoration: none; }\n.error { background: #fef2f2; color: #991b1b; padding: 8px 10px; border-radius: 8px; font-size: 13px; }\n.notice { color: #64748b; font-size: 13px; text-align: center; }\n.voice-notice { background: #f1f5f9; color: #475569; padding: 8px 10px; border-radius: 8px; font-size: 13px; }\n.composer { display: flex; gap: 8px; padding: 12px; border-top: 1px solid #e2e8f0; }\n.input {\n flex: 1; min-width: 0; padding: 9px 12px; border-radius: 8px; border: 1px solid #cbd5e1;\n font: 14px var(--mihe-font); color: #0f172a; background: #fff; outline: none;\n}\n.send {\n padding: 9px 16px; border-radius: 8px; border: none; background: var(--mihe-accent);\n color: #fff; cursor: pointer; font: 600 13px var(--mihe-font);\n}\n.send:disabled { opacity: 0.6; cursor: default; }\n.mic {\n width: 38px; border-radius: 8px; border: 1px solid #cbd5e1; background: #fff; cursor: pointer;\n font-size: 16px; user-select: none; -webkit-user-select: none; touch-action: none;\n}\n.mic.live { border-color: var(--mihe-accent); }\n.mic.recording { border-color: #dc2626; background: #fef2f2; }\n.hands-free {\n width: 30px; border-radius: 8px; border: 1px solid #cbd5e1; background: #fff; color: #475569;\n cursor: pointer; font-size: 15px; user-select: none; -webkit-user-select: none;\n}\n.pulse {\n display: block; width: 12px; height: 12px; margin: 0 auto; border-radius: 50%;\n background: var(--mihe-accent); animation: mihe-pulse 2s ease-in-out infinite;\n}\n.pulse.fast { animation-duration: 0.8s; }\n@keyframes mihe-pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(0.6); opacity: 0.45; } }\n\n.card {\n border: 1px solid #e2e8f0; border-radius: 10px; padding: 12px; background: #fff; color: #0f172a;\n box-shadow: 0 2px 8px rgba(15,23,42,0.06); font: 14px/1.5 var(--mihe-font);\n}\n.card-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }\n.risk { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 999px; white-space: nowrap; background: #fef3c7; color: #92400e; }\n.risk-high { background: #fee2e2; color: #991b1b; }\n.card-description { margin: 0 0 10px; color: #475569; font-size: 13px; }\n.card-input { margin: 0 0 12px; display: flex; flex-direction: column; gap: 8px; max-height: 40vh; overflow-y: auto; }\n.card-row { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; }\n.card-key { color: #64748b; min-width: 90px; margin: 0; }\n.card-value { margin: 0; font-weight: 500; overflow-wrap: anywhere; min-width: 0; flex: 1 1 160px; }\n.input-list { margin: 0; padding-left: 20px; display: grid; gap: 8px; }\n.input-text { white-space: pre-wrap; }\n.card-actions { display: flex; gap: 8px; justify-content: flex-end; }\n.card-summary { margin: 0 0 10px; font-size: 14px; font-weight: 600; color: #0f172a; }\n.card-note { margin: 0 0 12px; font-size: 12px; color: #64748b; }\n.card-more { margin: 0 0 12px; font-size: 12px; color: #64748b; }\n.card-more summary { cursor: pointer; }\n.card-more .card-description { margin: 6px 0 0; }\n.card-value-wide { flex-basis: 100%; }\n.card-images { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 4px; }\n.card-images img { width: 44px; height: 44px; object-fit: cover; border-radius: 6px; background: #f1f5f9; }\n.card-before { color: #94a3b8; font-weight: 400; }\n.card-arrow { color: #94a3b8; }\n.button-primary:disabled { opacity: 0.5; cursor: default; }\n.button-secondary {\n padding: 7px 14px; border-radius: 8px; border: 1px solid #cbd5e1; background: #fff;\n cursor: pointer; font: 500 13px var(--mihe-font);\n}\n.button-primary {\n padding: 7px 14px; border-radius: 8px; border: none; background: var(--mihe-accent); color: #fff;\n cursor: pointer; font: 600 13px var(--mihe-font);\n}\n\n.launcher {\n position: fixed; right: 20px; bottom: 20px; width: 52px; height: 52px; border-radius: 50%;\n border: none; padding: 0; display: grid; place-items: center; overflow: hidden;\n background: #221f1b; color: #eae7e4; cursor: pointer;\n box-shadow: 0 8px 24px rgba(15,23,42,0.25); z-index: var(--mihe-z);\n}\n.launcher-image { width: 100%; height: 100%; object-fit: cover; display: block; }\n\n.orb {\n position: fixed; width: 56px; height: 56px; padding: 0; border: none; border-radius: 50%;\n background: #221f1b; color: #eae7e4; box-shadow: 0 8px 24px rgba(15,23,42,0.25);\n z-index: var(--mihe-z); cursor: pointer; transition: left 180ms ease, top 180ms ease;\n touch-action: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;\n -webkit-tap-highlight-color: transparent;\n}\n.orb.dragging { cursor: grabbing; transition: none; }\n.orb:disabled { cursor: default; }\n.face { position: absolute; inset: 0; display: grid; place-items: center; border-radius: 50%; overflow: hidden; pointer-events: none; }\n.ring {\n position: absolute; inset: -6px; border-radius: 50%; border: 2px solid #5ac8cd;\n pointer-events: none; transform-origin: center; will-change: transform;\n}\n.ring.idle { border-color: transparent; }\n.ring.recording { border-color: #e5484d; border-width: 3px; }\n.ring.thinking, .ring.connecting { border-style: dashed; }\n.ring.listening { animation: mihe-orb-breathe 2.4s ease-in-out infinite; }\n.ring.thinking { animation: mihe-orb-spin 1.2s linear infinite; }\n.ring.connecting { animation: mihe-orb-spin 2.4s linear infinite; }\n@keyframes mihe-orb-breathe { 0%, 100% { opacity: 0.55; } 50% { opacity: 1; } }\n@keyframes mihe-orb-spin { to { rotate: 360deg; } }\n.stop {\n position: fixed; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(15,23,42,0.12);\n background: #fff; box-shadow: 0 4px 14px rgba(15,23,42,0.18); display: grid; place-items: center;\n cursor: pointer; z-index: var(--mihe-z);\n}\n.stop-square { width: 12px; height: 12px; border-radius: 2px; background: #0f172a; }\n.popover {\n position: fixed; max-width: min(340px, calc(100vw - 40px)); z-index: calc(var(--mihe-z) + 1);\n display: flex; flex-direction: column; gap: 8px; font: 14px/1.45 var(--mihe-font);\n}\n.popover.cards { width: 320px; }\n.menu-item {\n display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 16px 0 6px;\n border-radius: 999px; border: 1px solid rgba(15,23,42,0.1); background: #fff; color: #0f172a;\n box-shadow: 0 6px 18px rgba(15,23,42,0.16); cursor: pointer; font: 500 14px var(--mihe-font);\n}\n.menu-icon {\n display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%;\n background: #221f1b; color: #5ac8cd;\n}\n.orb-bubble {\n padding: 8px 12px; border-radius: 12px; background: #fff; color: #0f172a;\n border: 1px solid rgba(15,23,42,0.1); box-shadow: 0 6px 18px rgba(15,23,42,0.16);\n}\n.orb-bubble.error { background: #fef2f2; color: #991b1b; border-color: #fecaca; }\n\n@media (prefers-reduced-motion: reduce) {\n .pulse, .ring { animation: none !important; }\n .ring { transform: none !important; }\n .orb { transition: none; }\n}\n";
|
|
21
|
+
export declare const STYLES = "\n:host {\n all: initial;\n --mihe-accent: #4f7cff;\n --mihe-radius: 14px;\n --mihe-font: system-ui, -apple-system, 'Segoe UI', sans-serif;\n --mihe-z: 2147482000;\n}\n:host([layout=\"inline\"]) { display: block; width: 100%; height: 100%; }\n*, *::before, *::after { box-sizing: border-box; }\n[hidden] { display: none !important; }\nbutton { font: inherit; color: inherit; margin: 0; }\n\n.panel {\n display: flex; flex-direction: column; width: 100%; height: 100%;\n background: #fff; color: #0f172a;\n border-radius: var(--mihe-radius); border: 1px solid #e2e8f0;\n box-shadow: 0 20px 50px rgba(15,23,42,0.22);\n font: 14px/1.5 var(--mihe-font); overflow: hidden;\n}\n.floating {\n position: fixed; bottom: 20px;\n width: min(380px, calc(100vw - 40px)); height: min(560px, calc(100vh - 40px));\n z-index: var(--mihe-z);\n}\n.floating.right { right: 20px; }\n.floating.left { left: 20px; }\n.header {\n display: flex; align-items: center; justify-content: space-between;\n padding: 12px 14px; border-bottom: 1px solid #e2e8f0; font-weight: 600;\n}\n.header-title { display: flex; align-items: center; gap: 8px; }\n.status-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; background: #f59e0b; }\n.status-dot.open { background: #22c55e; }\n.icon-button { border: none; background: transparent; cursor: pointer; font-size: 14px; color: #64748b; }\n.transcript { flex: 1; overflow-y: auto; padding: 14px; display: flex; flex-direction: column; gap: 10px; }\n.empty { color: #64748b; margin: 0; }\n.bubble-user, .bubble-assistant { max-width: 85%; padding: 8px 12px; white-space: pre-wrap; overflow-wrap: anywhere; }\n.bubble-user { align-self: flex-end; background: var(--mihe-accent); color: #fff; border-radius: 12px 12px 2px 12px; }\n.bubble-assistant { align-self: flex-start; background: #f1f5f9; border-radius: 12px 12px 12px 2px; }\n.thinking { color: #64748b; font-style: italic; }\n.sources { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; padding-top: 8px; border-top: 1px solid #e2e8f0; }\n.source { font-size: 11px; color: #475569; background: #f1f5f9; padding: 2px 8px; border-radius: 999px; }\n.source a { color: inherit; text-decoration: none; }\n.error { background: #fef2f2; color: #991b1b; padding: 8px 10px; border-radius: 8px; font-size: 13px; }\n.notice { color: #64748b; font-size: 13px; text-align: center; }\n.voice-notice { background: #f1f5f9; color: #475569; padding: 8px 10px; border-radius: 8px; font-size: 13px; }\n.composer { display: flex; gap: 8px; padding: 12px; border-top: 1px solid #e2e8f0; }\n.input {\n flex: 1; min-width: 0; padding: 9px 12px; border-radius: 8px; border: 1px solid #cbd5e1;\n font: 14px var(--mihe-font); color: #0f172a; background: #fff; outline: none;\n}\n.send {\n padding: 9px 16px; border-radius: 8px; border: none; background: var(--mihe-accent);\n color: #fff; cursor: pointer; font: 600 13px var(--mihe-font);\n}\n.send:disabled { opacity: 0.6; cursor: default; }\n.mic {\n width: 38px; border-radius: 8px; border: 1px solid #cbd5e1; background: #fff; cursor: pointer;\n font-size: 16px; user-select: none; -webkit-user-select: none; touch-action: none;\n}\n.mic.live { border-color: var(--mihe-accent); }\n.mic.recording { border-color: #dc2626; background: #fef2f2; }\n.hands-free {\n width: 30px; border-radius: 8px; border: 1px solid #cbd5e1; background: #fff; color: #475569;\n cursor: pointer; font-size: 15px; user-select: none; -webkit-user-select: none;\n}\n.pulse {\n display: block; width: 12px; height: 12px; margin: 0 auto; border-radius: 50%;\n background: var(--mihe-accent); animation: mihe-pulse 2s ease-in-out infinite;\n}\n.pulse.fast { animation-duration: 0.8s; }\n@keyframes mihe-pulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(0.6); opacity: 0.45; } }\n\n.card {\n border: 1px solid #e2e8f0; border-radius: 10px; padding: 12px; background: #fff; color: #0f172a;\n box-shadow: 0 2px 8px rgba(15,23,42,0.06); font: 14px/1.5 var(--mihe-font);\n}\n.card-header { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 6px; }\n.risk { font-size: 11px; font-weight: 600; padding: 2px 8px; border-radius: 999px; white-space: nowrap; background: #fef3c7; color: #92400e; }\n.risk-high { background: #fee2e2; color: #991b1b; }\n.card-description { margin: 0 0 10px; color: #475569; font-size: 13px; }\n.card-input { margin: 0 0 12px; display: flex; flex-direction: column; gap: 8px; max-height: 40vh; overflow-y: auto; }\n.card-row { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; }\n.card-key { color: #64748b; min-width: 90px; margin: 0; }\n.card-value { margin: 0; font-weight: 500; overflow-wrap: anywhere; min-width: 0; flex: 1 1 160px; }\n.input-list { margin: 0; padding-left: 20px; display: grid; gap: 8px; }\n.input-text { white-space: pre-wrap; }\n.card-actions { display: flex; gap: 8px; justify-content: flex-end; }\n.card-summary { margin: 0 0 10px; font-size: 14px; font-weight: 600; color: #0f172a; }\n.card-note { margin: 0 0 12px; font-size: 12px; color: #64748b; }\n.card-more { margin: 0 0 12px; font-size: 12px; color: #64748b; }\n.card-more summary { cursor: pointer; }\n.card-more .card-description { margin: 6px 0 0; }\n.card-value-wide { flex-basis: 100%; }\n.card-images { display: flex; flex-wrap: wrap; gap: 4px; margin-bottom: 4px; }\n.card-images img { width: 44px; height: 44px; object-fit: cover; border-radius: 6px; background: #f1f5f9; }\n.card-before { color: #94a3b8; font-weight: 400; }\n.card-arrow { color: #94a3b8; }\n.button-primary:disabled { opacity: 0.5; cursor: default; }\n.button-danger { background: #dc2626; }\n.card-media-row { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; }\n.card-media-row .card-images { flex: none; max-width: 140px; margin-bottom: 0; }\n.card-media-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }\n.card-media-label { margin: 0; font-weight: 600; color: #0f172a; }\n.card-media-value { margin: 0; overflow-wrap: anywhere; }\n.card-media-strong { font-weight: 600; }\n.button-secondary {\n padding: 7px 14px; border-radius: 8px; border: 1px solid #cbd5e1; background: #fff;\n cursor: pointer; font: 500 13px var(--mihe-font);\n}\n.button-primary {\n padding: 7px 14px; border-radius: 8px; border: none; background: var(--mihe-accent); color: #fff;\n cursor: pointer; font: 600 13px var(--mihe-font);\n}\n\n.launcher {\n position: fixed; right: 20px; bottom: 20px; width: 52px; height: 52px; border-radius: 50%;\n border: none; padding: 0; display: grid; place-items: center; overflow: hidden;\n background: #221f1b; color: #eae7e4; cursor: pointer;\n box-shadow: 0 8px 24px rgba(15,23,42,0.25); z-index: var(--mihe-z);\n}\n.launcher-image { width: 100%; height: 100%; object-fit: cover; display: block; }\n\n.orb {\n position: fixed; width: 56px; height: 56px; padding: 0; border: none; border-radius: 50%;\n background: #221f1b; color: #eae7e4; box-shadow: 0 8px 24px rgba(15,23,42,0.25);\n z-index: var(--mihe-z); cursor: pointer; transition: left 180ms ease, top 180ms ease;\n touch-action: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none;\n -webkit-tap-highlight-color: transparent;\n}\n.orb.dragging { cursor: grabbing; transition: none; }\n.orb:disabled { cursor: default; }\n.face { position: absolute; inset: 0; display: grid; place-items: center; border-radius: 50%; overflow: hidden; pointer-events: none; }\n.ring {\n position: absolute; inset: -6px; border-radius: 50%; border: 2px solid #5ac8cd;\n pointer-events: none; transform-origin: center; will-change: transform;\n}\n.ring.idle { border-color: transparent; }\n.ring.recording { border-color: #e5484d; border-width: 3px; }\n.ring.thinking, .ring.connecting { border-style: dashed; }\n.ring.listening { animation: mihe-orb-breathe 2.4s ease-in-out infinite; }\n.ring.thinking { animation: mihe-orb-spin 1.2s linear infinite; }\n.ring.connecting { animation: mihe-orb-spin 2.4s linear infinite; }\n@keyframes mihe-orb-breathe { 0%, 100% { opacity: 0.55; } 50% { opacity: 1; } }\n@keyframes mihe-orb-spin { to { rotate: 360deg; } }\n.stop {\n position: fixed; width: 44px; height: 44px; border-radius: 50%; border: 1px solid rgba(15,23,42,0.12);\n background: #fff; box-shadow: 0 4px 14px rgba(15,23,42,0.18); display: grid; place-items: center;\n cursor: pointer; z-index: var(--mihe-z);\n}\n.stop-square { width: 12px; height: 12px; border-radius: 2px; background: #0f172a; }\n.popover {\n position: fixed; max-width: min(340px, calc(100vw - 40px)); z-index: calc(var(--mihe-z) + 1);\n display: flex; flex-direction: column; gap: 8px; font: 14px/1.45 var(--mihe-font);\n}\n.popover.cards { width: 320px; }\n.menu-item {\n display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 16px 0 6px;\n border-radius: 999px; border: 1px solid rgba(15,23,42,0.1); background: #fff; color: #0f172a;\n box-shadow: 0 6px 18px rgba(15,23,42,0.16); cursor: pointer; font: 500 14px var(--mihe-font);\n}\n.menu-icon {\n display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%;\n background: #221f1b; color: #5ac8cd;\n}\n.orb-bubble {\n padding: 8px 12px; border-radius: 12px; background: #fff; color: #0f172a;\n border: 1px solid rgba(15,23,42,0.1); box-shadow: 0 6px 18px rgba(15,23,42,0.16);\n}\n.orb-bubble.error { background: #fef2f2; color: #991b1b; border-color: #fecaca; }\n\n@media (prefers-reduced-motion: reduce) {\n .pulse, .ring { animation: none !important; }\n .ring { transform: none !important; }\n .orb { transition: none; }\n}\n";
|
|
22
22
|
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../js/src/widget/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,eAAO,MAAM,WAAW,YAAY,CAAC;AACrC,eAAO,MAAM,YAAY,YAAY,CAAC;AACtC,eAAO,MAAM,cAAc,YAAY,CAAC;AAExC,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../js/src/widget/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,eAAO,MAAM,WAAW,YAAY,CAAC;AACrC,eAAO,MAAM,YAAY,YAAY,CAAC;AACtC,eAAO,MAAM,cAAc,YAAY,CAAC;AAExC,eAAO,MAAM,MAAM,47SAiLlB,CAAC"}
|
package/dist/widget/styles.js
CHANGED
|
@@ -118,6 +118,13 @@ button { font: inherit; color: inherit; margin: 0; }
|
|
|
118
118
|
.card-before { color: #94a3b8; font-weight: 400; }
|
|
119
119
|
.card-arrow { color: #94a3b8; }
|
|
120
120
|
.button-primary:disabled { opacity: 0.5; cursor: default; }
|
|
121
|
+
.button-danger { background: #dc2626; }
|
|
122
|
+
.card-media-row { display: flex; gap: 10px; align-items: flex-start; font-size: 13px; }
|
|
123
|
+
.card-media-row .card-images { flex: none; max-width: 140px; margin-bottom: 0; }
|
|
124
|
+
.card-media-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1; }
|
|
125
|
+
.card-media-label { margin: 0; font-weight: 600; color: #0f172a; }
|
|
126
|
+
.card-media-value { margin: 0; overflow-wrap: anywhere; }
|
|
127
|
+
.card-media-strong { font-weight: 600; }
|
|
121
128
|
.button-secondary {
|
|
122
129
|
padding: 7px 14px; border-radius: 8px; border: 1px solid #cbd5e1; background: #fff;
|
|
123
130
|
cursor: pointer; font: 500 13px var(--mihe-font);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../js/src/widget/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC;AACrC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AACtC,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC;AAExC,MAAM,CAAC,MAAM,MAAM,GAAG
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../js/src/widget/styles.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,MAAM,CAAC,MAAM,WAAW,GAAG,SAAS,CAAC;AACrC,MAAM,CAAC,MAAM,YAAY,GAAG,SAAS,CAAC;AACtC,MAAM,CAAC,MAAM,cAAc,GAAG,SAAS,CAAC;AAExC,MAAM,CAAC,MAAM,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBAuHN,WAAW,YAAY,YAAY;;;;;;;gBAOnC,WAAW,YAAY,YAAY;;;;;;;;;2EASwB,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gBA6BzE,WAAW,YAAY,cAAc;;;;;;;;;;;;;CAapD,CAAC"}
|