anentrypoint-design 0.0.87 → 0.0.89

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/app-shell.css CHANGED
@@ -2025,14 +2025,32 @@ tr.clickable:hover td { background: var(--panel-hover); }
2025
2025
  /* freddie voice page */
2026
2026
  .fd-voice-controls { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; padding: 4px 0 10px; }
2027
2027
  .fd-voice-partial { font-style: italic; color: var(--panel-text-2); font-family: var(--ff-mono); font-size: 12.5px; }
2028
- .fd-voice-log { display: flex; flex-direction: column; gap: 4px; max-height: 320px; overflow-y: auto; padding: 8px; background: var(--panel-2); border-radius: 10px; }
2029
- .fd-voice-line { display: grid; grid-template-columns: 80px 1fr; gap: 12px; padding: 4px 8px; border-radius: 6px; }
2030
- .fd-voice-line:nth-child(even) { background: var(--panel-3); }
2031
- .fd-voice-ts { font-family: var(--ff-mono); font-size: 11px; color: var(--panel-text-3); }
2032
- .fd-voice-text { line-height: 1.5; }
2033
2028
  .fd-voice-tts { display: flex; flex-direction: column; gap: 8px; }
2034
2029
  .fd-voice-tts textarea { padding: 8px 10px; font-family: var(--ff-ui); font-size: 13.5px; background: var(--panel-2); color: var(--panel-text); border: 0; border-radius: 10px; resize: vertical; }
2035
2030
  .fd-voice-tts textarea:focus { outline: 2px solid var(--mascot, #F07AA8); outline-offset: 1px; }
2036
2031
 
2037
2032
  /* freddie page-error pre — replaces the inline style from app.js */
2038
2033
  .fd-page-error { max-height: 200px; overflow-y: auto; }
2034
+
2035
+ /* freddie unified list primitive — used by sessions, agents/recent, analytics, cron, skills, models */
2036
+ .fd-list { display: flex; flex-direction: column; gap: 2px; }
2037
+ .fd-list-row { display: grid; grid-template-columns: 56px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 10px 14px; border-radius: 10px; background: var(--panel-1); cursor: default; box-shadow: inset 4px 0 0 transparent; transition: background 80ms ease, box-shadow 80ms ease; }
2038
+ .fd-list-row:nth-child(even) { background: var(--panel-2); }
2039
+ .fd-list-row[role="button"] { cursor: pointer; }
2040
+ .fd-list-row[role="button"]:hover { background: var(--panel-hover); }
2041
+ .fd-list-row[role="button"]:focus { outline: 2px solid var(--panel-accent); outline-offset: 2px; }
2042
+ .fd-list-row[data-cat="kit"] { box-shadow: inset 4px 0 0 var(--green); }
2043
+ .fd-list-row[data-cat="deck"] { box-shadow: inset 4px 0 0 var(--sun); }
2044
+ .fd-list-row[data-cat="preview"] { box-shadow: inset 4px 0 0 var(--purple); }
2045
+ .fd-list-row[data-cat="doc"] { box-shadow: inset 4px 0 0 var(--mascot); }
2046
+ .fd-list-row[data-cat="external"] { box-shadow: inset 4px 0 0 var(--sky); }
2047
+ .fd-list-code { font-family: var(--ff-mono); font-size: 11.5px; color: var(--panel-text-3); letter-spacing: 0.02em; text-align: right; }
2048
+ .fd-list-main { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
2049
+ .fd-list-title { font-size: 14px; line-height: 1.35; color: var(--panel-text); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
2050
+ .fd-list-title.fd-mono { font-family: var(--ff-mono); font-size: 12.5px; }
2051
+ .fd-list-sub { font-size: 12px; color: var(--panel-text-2); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
2052
+ .fd-list-meta { display: inline-flex; gap: 10px; align-items: center; flex-shrink: 0; }
2053
+ .fd-list-meta-mono { font-family: var(--ff-mono); font-size: 11.5px; color: var(--panel-text-3); white-space: nowrap; }
2054
+ .fd-list-meta-rel { font-size: 11.5px; color: var(--panel-text-2); white-space: nowrap; }
2055
+ .fd-list-compact .fd-list-row { padding: 6px 12px; }
2056
+ .fd-list-compact .fd-list-title { font-size: 13px; }