@duckcodeailabs/dql-ui 1.5.2 → 1.6.2
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/primitives/PublishedCellChrome.d.ts.map +1 -1
- package/dist/primitives/PublishedCellChrome.js +4 -0
- package/dist/primitives/PublishedCellChrome.js.map +1 -1
- package/dist/primitives/TrustBadge.d.ts +1 -1
- package/dist/primitives/TrustBadge.d.ts.map +1 -1
- package/dist/primitives/TrustBadge.js +12 -6
- package/dist/primitives/TrustBadge.js.map +1 -1
- package/package.json +1 -1
- package/src/styles/panel.css +6 -3
- package/src/styles/tokens.css +10 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PublishedCellChrome.d.ts","sourceRoot":"","sources":["../../src/primitives/PublishedCellChrome.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,WAAW,wBAAwB;IACvC,8DAA8D;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,oEAAoE;IACpE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;
|
|
1
|
+
{"version":3,"file":"PublishedCellChrome.d.ts","sourceRoot":"","sources":["../../src/primitives/PublishedCellChrome.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,MAAM,WAAW,wBAAwB;IACvC,8DAA8D;IAC9D,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,oEAAoE;IACpE,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,6EAA6E;IAC7E,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAaD,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,MAAM,EACN,UAAU,EACV,UAAU,EACV,SAAS,EACT,KAAK,GACN,EAAE,wBAAwB,2CAkF1B"}
|
|
@@ -2,8 +2,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
const TRUST_DOT = {
|
|
3
3
|
draft: 'var(--color-text-muted, #9aa4b2)',
|
|
4
4
|
pending: 'var(--color-accent-yellow, #e3b341)',
|
|
5
|
+
review: 'var(--color-accent-yellow, #e3b341)',
|
|
5
6
|
certified: 'var(--color-accent-green, #3fb950)',
|
|
7
|
+
ai_generated: 'var(--color-accent-yellow, #e3b341)',
|
|
8
|
+
uncertified: 'var(--color-accent-yellow, #e3b341)',
|
|
6
9
|
deprecated: 'var(--color-accent-red, #f85149)',
|
|
10
|
+
no_answer: 'var(--color-accent-red, #f85149)',
|
|
7
11
|
};
|
|
8
12
|
export function PublishedCellChrome({ title, caption, trustState, children, footer, background, idleBorder, className, style, }) {
|
|
9
13
|
const bg = background ?? 'var(--color-bg-1, rgba(22,27,34,0.5))';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PublishedCellChrome.js","sourceRoot":"","sources":["../../src/primitives/PublishedCellChrome.tsx"],"names":[],"mappings":";AA4BA,MAAM,SAAS,GAA4C;IACzD,KAAK,EAAE,kCAAkC;IACzC,OAAO,EAAE,qCAAqC;IAC9C,SAAS,EAAE,oCAAoC;IAC/C,UAAU,EAAE,kCAAkC;
|
|
1
|
+
{"version":3,"file":"PublishedCellChrome.js","sourceRoot":"","sources":["../../src/primitives/PublishedCellChrome.tsx"],"names":[],"mappings":";AA4BA,MAAM,SAAS,GAA4C;IACzD,KAAK,EAAE,kCAAkC;IACzC,OAAO,EAAE,qCAAqC;IAC9C,MAAM,EAAE,qCAAqC;IAC7C,SAAS,EAAE,oCAAoC;IAC/C,YAAY,EAAE,qCAAqC;IACnD,WAAW,EAAE,qCAAqC;IAClD,UAAU,EAAE,kCAAkC;IAC9C,SAAS,EAAE,kCAAkC;CAC9C,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAC,EAClC,KAAK,EACL,OAAO,EACP,UAAU,EACV,QAAQ,EACR,MAAM,EACN,UAAU,EACV,UAAU,EACV,SAAS,EACT,KAAK,GACoB;IACzB,MAAM,EAAE,GAAG,UAAU,IAAI,uCAAuC,CAAC;IACjE,MAAM,MAAM,GAAG,UAAU,IAAI,oDAAoD,CAAC;IAElF,OAAO,CACL,eACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,YAAY,EAAE,CAAC;YACf,MAAM,EAAE,aAAa,MAAM,EAAE;YAC7B,UAAU,EAAE,EAAE;YACd,QAAQ,EAAE,QAAQ;YAClB,GAAG,KAAK;SACT,aAEA,CAAC,KAAK,KAAK,SAAS,IAAI,OAAO,KAAK,SAAS,IAAI,UAAU,CAAC,IAAI,CAC/D,eACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,CAAC;oBACN,OAAO,EAAE,WAAW;oBACpB,YAAY,EAAE,aAAa,MAAM,EAAE;iBACpC,aAEA,UAAU,IAAI,CACb,eACE,KAAK,EAAE,UAAU,gBACL,gBAAgB,UAAU,EAAE,EACxC,KAAK,EAAE;4BACL,KAAK,EAAE,CAAC;4BACR,MAAM,EAAE,CAAC;4BACT,YAAY,EAAE,KAAK;4BACnB,UAAU,EAAE,SAAS,CAAC,UAAU,CAAC;4BACjC,UAAU,EAAE,CAAC;yBACd,GACD,CACH,EACD,eAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,aACjC,KAAK,KAAK,SAAS,IAAI,CACtB,cACE,KAAK,EAAE;oCACL,QAAQ,EAAE,EAAE;oCACZ,UAAU,EAAE,GAAG;oCACf,KAAK,EAAE,oCAAoC;oCAC3C,QAAQ,EAAE,QAAQ;oCAClB,YAAY,EAAE,UAAU;oCACxB,UAAU,EAAE,QAAQ;iCACrB,YAEA,KAAK,GACF,CACP,EACA,OAAO,KAAK,SAAS,IAAI,CACxB,cACE,KAAK,EAAE;oCACL,QAAQ,EAAE,EAAE;oCACZ,KAAK,EAAE,kCAAkC;oCACzC,SAAS,EAAE,CAAC;iCACb,YAEA,OAAO,GACJ,CACP,IACG,IACF,CACP,EACD,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,YAAG,QAAQ,GAAO,EAC5C,MAAM,KAAK,SAAS,IAAI,CACvB,cACE,KAAK,EAAE;oBACL,OAAO,EAAE,UAAU;oBACnB,SAAS,EAAE,aAAa,MAAM,EAAE;oBAChC,QAAQ,EAAE,EAAE;oBACZ,KAAK,EAAE,kCAAkC;iBAC1C,YAEA,MAAM,GACH,CACP,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
export type TrustState = 'draft' | 'pending' | 'certified' | 'deprecated';
|
|
2
|
+
export type TrustState = 'draft' | 'pending' | 'review' | 'certified' | 'deprecated' | 'ai_generated' | 'uncertified' | 'no_answer';
|
|
3
3
|
export interface TrustBadgeProps {
|
|
4
4
|
state?: TrustState;
|
|
5
5
|
label?: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TrustBadge.d.ts","sourceRoot":"","sources":["../../src/primitives/TrustBadge.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TrustBadge.d.ts","sourceRoot":"","sources":["../../src/primitives/TrustBadge.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,MAAM,UAAU,GAClB,OAAO,GACP,SAAS,GACT,QAAQ,GACR,WAAW,GACX,YAAY,GACZ,cAAc,GACd,aAAa,GACb,WAAW,CAAC;AAEhB,MAAM,WAAW,eAAe;IAC9B,KAAK,CAAC,EAAE,UAAU,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACzB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,eAAe,kDAK3D"}
|
|
@@ -3,11 +3,17 @@ import { StatusPill } from './PanelFrame.js';
|
|
|
3
3
|
export function TrustBadge({ state, label }) {
|
|
4
4
|
if (!state)
|
|
5
5
|
return null;
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
}
|
|
9
|
-
// v1.4 will light these up. v1.3 keeps them null so the slot exists
|
|
10
|
-
// structurally without implying a feature we haven't shipped yet.
|
|
11
|
-
return null;
|
|
6
|
+
const config = TRUST_BADGE_CONFIG[state] ?? TRUST_BADGE_CONFIG.draft;
|
|
7
|
+
return _jsx(StatusPill, { tone: config.tone, children: label ?? config.label });
|
|
12
8
|
}
|
|
9
|
+
const TRUST_BADGE_CONFIG = {
|
|
10
|
+
certified: { tone: 'success', label: 'Certified' },
|
|
11
|
+
draft: { tone: 'warning', label: 'Draft' },
|
|
12
|
+
pending: { tone: 'warning', label: 'Pending review' },
|
|
13
|
+
review: { tone: 'warning', label: 'Review' },
|
|
14
|
+
ai_generated: { tone: 'warning', label: 'AI draft' },
|
|
15
|
+
uncertified: { tone: 'warning', label: 'Uncertified' },
|
|
16
|
+
deprecated: { tone: 'neutral', label: 'Deprecated' },
|
|
17
|
+
no_answer: { tone: 'error', label: 'No answer' },
|
|
18
|
+
};
|
|
13
19
|
//# sourceMappingURL=TrustBadge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TrustBadge.js","sourceRoot":"","sources":["../../src/primitives/TrustBadge.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"TrustBadge.js","sourceRoot":"","sources":["../../src/primitives/TrustBadge.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAiB7C,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAmB;IAC1D,IAAI,CAAC,KAAK;QAAE,OAAO,IAAI,CAAC;IAExB,MAAM,MAAM,GAAG,kBAAkB,CAAC,KAAK,CAAC,IAAI,kBAAkB,CAAC,KAAK,CAAC;IACrE,OAAO,KAAC,UAAU,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,YAAG,KAAK,IAAI,MAAM,CAAC,KAAK,GAAc,CAAC;AAC7E,CAAC;AAED,MAAM,kBAAkB,GAAiG;IACvH,SAAS,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,WAAW,EAAE;IAClD,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE;IAC1C,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,gBAAgB,EAAE;IACrD,MAAM,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC5C,YAAY,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,EAAE;IACpD,WAAW,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE;IACtD,UAAU,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE;IACpD,SAAS,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE;CACjD,CAAC"}
|
package/package.json
CHANGED
package/src/styles/panel.css
CHANGED
|
@@ -16,15 +16,18 @@
|
|
|
16
16
|
}
|
|
17
17
|
.panel-frame-header {
|
|
18
18
|
display: flex;
|
|
19
|
+
/* Narrow sidebar panels: wrap actions below the title instead of letting
|
|
20
|
+
the heading flex to zero width and overflow onto the buttons. */
|
|
21
|
+
flex-wrap: wrap;
|
|
19
22
|
align-items: flex-start;
|
|
20
23
|
justify-content: space-between;
|
|
21
|
-
gap: 16px;
|
|
24
|
+
gap: 8px 16px;
|
|
22
25
|
padding: 12px 16px;
|
|
23
26
|
border-bottom: 1px solid var(--border-default);
|
|
24
27
|
background: var(--bg-2);
|
|
25
28
|
flex-shrink: 0;
|
|
26
29
|
}
|
|
27
|
-
.panel-frame-heading { display: flex; align-items: flex-start; gap: 10px; min-width: 0; }
|
|
30
|
+
.panel-frame-heading { display: flex; align-items: flex-start; gap: 10px; min-width: 0; flex: 1 1 auto; }
|
|
28
31
|
.panel-frame-icon {
|
|
29
32
|
width: 26px; height: 26px;
|
|
30
33
|
display: inline-flex; align-items: center; justify-content: center;
|
|
@@ -46,7 +49,7 @@
|
|
|
46
49
|
}
|
|
47
50
|
.panel-frame-status { display: inline-flex; align-items: center; }
|
|
48
51
|
.panel-frame-subtitle { font-size: 11px; color: var(--text-tertiary); margin-top: 2px; }
|
|
49
|
-
.panel-frame-actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; }
|
|
52
|
+
.panel-frame-actions { display: flex; align-items: center; gap: 6px; flex-shrink: 0; flex-wrap: wrap; }
|
|
50
53
|
.panel-frame-toolbar {
|
|
51
54
|
display: flex; align-items: center; gap: 8px;
|
|
52
55
|
padding: 8px 16px;
|
package/src/styles/tokens.css
CHANGED
|
@@ -58,6 +58,16 @@
|
|
|
58
58
|
/* Neutral hover (generic surface hover — lists, menu items, small buttons) */
|
|
59
59
|
--bg-hover: rgba(255, 255, 255, 0.045);
|
|
60
60
|
|
|
61
|
+
/* Legacy component aliases. Several OSS surfaces still use these names in
|
|
62
|
+
inline styles; keep them mapped to the active Luna theme instead of
|
|
63
|
+
allowing light fallbacks like #fff inside dark themes. */
|
|
64
|
+
--color-bg: var(--bg-1);
|
|
65
|
+
--surface: var(--bg-2);
|
|
66
|
+
--surface-subtle: var(--bg-0);
|
|
67
|
+
--surface-hover: var(--bg-3);
|
|
68
|
+
--surface-elevated: var(--bg-3);
|
|
69
|
+
--border-color: var(--border-subtle);
|
|
70
|
+
|
|
61
71
|
/* Status semantics (error / warning / success / info) — each theme
|
|
62
72
|
supplies a tuned hue + 0.10-0.14 background + 0.30-0.40 border so
|
|
63
73
|
alerts read clean on every surface. Obsidian keeps saturation low
|