gru/gree-controller
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v0.9.11

Browse Source
This commit is contained in:
Mateusz Gruszczyński
2026-09-02 09:02:56 +02:00
parent 9c6e51fc35
commit 43441d2fb7
16 changed files with 555 additions and 60 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/styles.css
+64 -2
View File
@@ -6232,10 +6232,9 @@ body.flow-editor-open { overflow:hidden; }
.flow-list-section { margin-top:22px; padding-top:20px; border-top:1px solid var(--line); }
.flow-list-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin-bottom:14px; }
.flow-list-heading h2 { margin:3px 0 0; }
.flow-list-heading-count { justify-content:flex-end; }
.flow-card.is-disabled { opacity:.72; }
.flow-card.is-disabled:hover { opacity:.9; }
.flow-quick-toggle { display:flex; align-items:center; gap:7px; padding:7px 9px; border:1px solid var(--line); border-radius:999px; background:var(--surface-2); color:var(--muted); font-size:.78rem; cursor:pointer; white-space:nowrap; }
.flow-quick-toggle input { margin:0; }
.flow-workspace-toolbar { min-height:44px; display:flex; align-items:center; gap:7px; padding:6px 10px; border-bottom:1px solid var(--line); background:var(--surface); }
.flow-workspace-toolbar .secondary { padding:7px 9px; font-size:.78rem; }
.flow-workspace-toolbar .badge { margin-left:2px; }
@@ -6279,3 +6278,66 @@ body.flow-editor-open { overflow:hidden; }
.flow-shared-add-button { width:auto; }
.flow-shared-dialog-actions { gap:16px; }
}
/* v0.9.10: Flow preset library preview, favorites/search and shared-input diagnostics */
.flow-shared-usage { display:grid; gap:5px; margin-top:5px; }
.flow-shared-usage > div { display:flex; flex-wrap:wrap; align-items:center; gap:6px; }
.flow-shared-usage .link-button { border:0; padding:0; background:transparent; color:var(--accent); text-align:left; text-decoration:underline; text-underline-offset:2px; cursor:pointer; font:inherit; font-size:.78rem; }
.flow-shared-unused { margin-top:4px; }
.flow-shared-test-panel { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:10px 14px; align-items:start; padding:12px; border:1px solid var(--line); border-radius:12px; background:var(--surface-2); }
.flow-shared-test-panel .field-note { margin:3px 0 0; }
.flow-shared-test-result { grid-column:1 / -1; display:grid; gap:8px; padding:10px 12px; border:1px solid var(--line); border-radius:10px; background:var(--surface); }
.flow-shared-test-result.pass { border-left:4px solid var(--green); }
.flow-shared-test-result.fail { border-left:4px solid var(--line-strong); }
.flow-shared-test-result > div:first-child { display:flex; justify-content:space-between; gap:10px; align-items:center; }
.flow-shared-test-result dl { display:grid; gap:5px; margin:0; }
.flow-shared-test-result dl > div { display:grid; grid-template-columns:120px minmax(0,1fr); gap:8px; }
.flow-shared-test-result dt { color:var(--muted); }
.flow-shared-test-result dd { margin:0; min-width:0; overflow-wrap:anywhere; }
.flow-shared-test-result > small { color:var(--muted); }
#flowTemplateDialog { width:min(1180px,calc(100vw - 32px)); }
.flow-template-toolbar { margin-top:14px; }
.flow-template-toolbar label { display:grid; gap:6px; }
.flow-template-toolbar input { width:100%; border:1px solid var(--line); border-radius:10px; background:var(--input-bg); color:var(--text); padding:10px 12px; }
.flow-template-browser { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr); gap:18px; align-items:start; }
.flow-template-catalog { min-width:0; }
.flow-template-preview { position:sticky; top:0; display:grid; gap:12px; margin-top:14px; padding:14px; border:1px solid var(--line); border-radius:14px; background:var(--surface-2); min-height:250px; }
.flow-template-preview-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.flow-template-preview-head h3 { margin:3px 0 0; }
.flow-template-preview > p { margin:0; color:var(--muted); line-height:1.45; }
.flow-template-preview-stats { display:flex; flex-wrap:wrap; gap:7px; }
.flow-template-preview-stats span { padding:5px 8px; border:1px solid var(--line); border-radius:999px; color:var(--muted); font-size:.78rem; }
.flow-template-preview-canvas { position:relative; height:250px; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--surface); }
.flow-template-preview-canvas svg { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
.flow-template-preview-canvas line { stroke:var(--line-strong); stroke-width:.7; vector-effect:non-scaling-stroke; }
.flow-template-preview-node { position:absolute; transform:translate(-50%,-50%); width:104px; max-width:28%; padding:6px 7px; border:1px solid var(--line); border-radius:8px; background:var(--surface-2); box-shadow:0 3px 10px rgba(0,0,0,.12); font-size:.68rem; line-height:1.2; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.flow-template-preview-node-sensor { border-top:3px solid var(--blue, var(--accent)); }
.flow-template-preview-node-logic { border-top:3px solid var(--accent); }
.flow-template-preview-node-action { border-top:3px solid var(--green); }
.flow-template-requirements { display:grid; gap:8px; }
.flow-template-requirements > div { display:flex; flex-wrap:wrap; gap:6px; }
.flow-template-requirement { padding:5px 8px; border:1px solid var(--line); border-radius:999px; font-size:.75rem; }
.flow-template-requirement.ok { background:var(--surface); }
.flow-template-requirement.missing { border-color:var(--danger, var(--line-strong)); }
.flow-template-requirement.info { color:var(--muted); }
.flow-template-card { position:relative; display:grid; min-height:0; padding:0; overflow:hidden; }
.flow-template-card.selected { border-color:var(--accent); box-shadow:0 0 0 1px var(--accent-border); }
.flow-template-card-main { display:grid; gap:7px; width:100%; min-height:118px; border:0; background:transparent; color:var(--text); padding:14px 42px 14px 14px; text-align:left; align-content:start; cursor:pointer; }
.flow-template-card-main span { color:var(--muted); font-size:.86rem; line-height:1.4; }
.flow-template-favorite { width:34px; height:34px; border:0; border-radius:50%; background:transparent; color:var(--muted); cursor:pointer; font-size:1.15rem; line-height:1; }
.flow-template-card > .flow-template-favorite { position:absolute; right:7px; top:7px; }
.flow-template-favorite.active { color:var(--accent); background:var(--accent-soft); }
.flow-template-preview .dialog-actions { margin-top:0; padding-top:10px; border-top:1px solid var(--line); justify-content:flex-end; }
@media (max-width:900px) {
.flow-template-browser { grid-template-columns:1fr; }
.flow-template-preview { position:static; }
}
@media (max-width:760px) {
.flow-shared-test-panel { grid-template-columns:1fr; }
.flow-shared-test-panel > button { width:100%; }
.flow-shared-test-result { grid-column:1; }
.flow-shared-test-result dl > div { grid-template-columns:1fr; gap:2px; }
.flow-template-preview-canvas { height:220px; }
}