anentrypoint-design 0.0.79 → 0.0.80
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/README.md +4 -0
- package/app-shell.css +3 -0
- package/dist/247420.app.js +4 -4
- package/dist/247420.css +3 -0
- package/dist/247420.js +26 -26
- package/package.json +1 -1
- package/src/components/freddie/pages-chat.js +1 -2
- package/src/components/freddie/pages-config.js +21 -9
- package/src/components/freddie/pages-core.js +26 -14
package/README.md
CHANGED
|
@@ -6,6 +6,10 @@ friendly rounded sans body, monospace only on real code, tonal surfaces over bor
|
|
|
6
6
|
|
|
7
7
|
we fart in its general direction. ◰
|
|
8
8
|
|
|
9
|
+
## demos
|
|
10
|
+
|
|
11
|
+
- **OS-GUI exemplar** — [`/os-gui-demo.html`](https://anentrypoint.github.io/Design/os-gui-demo.html) — UI-only showcase of every hoisted desktop surface (`createDesktopShell`, `renderWindow`, `renderDock`, `renderFilesApp`, `renderMonitorApp`, `createFreddieDashboard`, `<freddie-chat>`) wired against mock data. This is the upstream reference any host (e.g. thebird) consumes via npm.
|
|
12
|
+
|
|
9
13
|
## install (the only step)
|
|
10
14
|
|
|
11
15
|
You have two choices. Both are one line.
|
package/app-shell.css
CHANGED
|
@@ -1986,6 +1986,9 @@ tr.clickable:hover td { background: var(--panel-hover); }
|
|
|
1986
1986
|
.fd-col { display: flex; flex-direction: column; gap: 4px; flex: 1; min-width: 120px; }
|
|
1987
1987
|
.fd-chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 4px; }
|
|
1988
1988
|
.fd-chip-wrap { cursor: pointer; }
|
|
1989
|
+
.fd-search { background: var(--panel-2); border: 0; border-radius: 8px; padding: 4px 10px; font: inherit; font-size: 12.5px; color: var(--panel-text); min-width: 220px; }
|
|
1990
|
+
.fd-search:focus { outline: 2px solid var(--panel-accent); outline-offset: 1px; }
|
|
1991
|
+
.fd-muted { color: var(--panel-text-2); font-size: 12.5px; }
|
|
1989
1992
|
.fd-chat-thread { max-height: 50vh; overflow-y: auto; border-radius: 10px; padding: 4px; margin-top: 8px; background: rgba(0,0,0,0.08); }
|
|
1990
1993
|
.fd-msg { padding: 6px 10px; border-bottom: 1px solid rgba(128,128,128,0.1); white-space: pre-wrap; word-break: break-word; }
|
|
1991
1994
|
.fd-msg-assistant { opacity: 0.9; }
|