@green-on-grey/ui-kit 1.10.0 → 1.11.0

package/dist/manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.10.0",
+  "version": "1.11.0",
   "classes": [
     "a",
     "action",
@@ -145,6 +145,9 @@
     "notice",
     "nowrap",
     "num",
+    "off",
+    "office-doc",
+    "office-sheet",
     "ok",
     "ok-t",
     "on",
@@ -162,6 +165,9 @@
     "primary",
     "prose",
     "q",
+    "qmark",
+    "qmark-inline",
+    "queued",
     "radio",
     "rec",
     "rec-box",
@@ -170,7 +176,16 @@
     "row",
     "row2",
     "run",
+    "running",
     "s",
+    "sa-desc",
+    "sa-err",
+    "sa-head",
+    "sa-meta",
+    "sa-result",
+    "sa-row",
+    "sa-state",
+    "sa-task",
     "search",
     "sec",
     "sel",
@@ -185,7 +200,10 @@
     "src",
     "st",
     "stack",
+    "stopbtn",
+    "stopmark",
     "sub",
+    "subagents",
     "svc",
     "sw",
     "switch",
@@ -317,6 +335,8 @@
     "panel-h",
     "pending-files",
     "prose",
+    "qmark",
+    "qmark-inline",
     "recbar",
     "row",
     "search",
@@ -330,6 +350,7 @@
     "sr-only",
     "st",
     "stack",
+    "stopmark",
     "svc",
     "sw",
     "switch",

package/dist/styles.css

@@ -1315,6 +1315,26 @@ select.inp.inherit {
 .warn-t{color:var(--amber)}
 .turnstate{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:12px;color:var(--muted);margin-top:5px}
 .turnstate.q{color:var(--amber)}
+/* FTR.NAB.CHAT-0004 design §1: a message in the queue, its number and «Cancel»; «Stop» on the place of «Send»;
+   the stop of an answer, grey — an action of the user, not an error */
+.m.u.queued .bub{border:1px dashed var(--violet);background:var(--violet-soft);color:var(--text)}
+.qmark{display:flex;align-items:center;justify-content:flex-end;gap:6px;font-size:12px;color:var(--muted);margin-top:5px}
+.qmark .textbtn{display:inline-flex;align-items:center;gap:3px;margin-left:4px}
+.stopmark{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);margin-top:6px}
+.stopmark .textbtn{margin-left:4px}
+.qmark-inline{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:12px;margin-left:4px}
+.iconbtn.stopbtn{border:1px solid var(--border-strong);color:var(--text);border-radius:50%}
+/* FTR.NAB.CMN-0009 design §1: the step «Subagents · N» and its rows of tasks */
+.tool.subagents{flex-direction:column;align-items:stretch;gap:2px}
+.tool.subagents .sa-head,.tool.subagents .sa-row{display:flex;align-items:center;gap:6px;border:0;background:none;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer;width:100%}
+.tool.subagents .sa-row[disabled]{cursor:default}
+.tool.subagents .sa-task{padding-left:20px}
+.tool.subagents .sa-desc{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
+.tool.subagents .sa-meta{color:var(--muted);font-size:12px;white-space:nowrap}
+.tool.subagents .sa-state.running{color:var(--violet-text)}
+.tool.subagents .sa-err{color:var(--muted);font-size:12px;padding-left:18px}
+.tool.subagents .sa-result{margin:4px 0 4px 18px;padding:6px 8px;border-left:2px solid var(--border);font-size:13px;max-height:260px;overflow:auto}
+.tool.subagents .off{color:var(--muted)}
 .spin{display:inline-block;width:11px;height:11px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--violet);animation:nb-spin 1s linear infinite}
 @keyframes nb-spin{to{transform:rotate(360deg)}}
 @media (prefers-reduced-motion:reduce){
@@ -1445,11 +1465,11 @@ select.inp.inherit {
 .att-view.markdown{display:block}
 .att-md{max-height:70vh;overflow:auto;padding:4px 2px}
 .att-msg{color:var(--muted);display:flex;align-items:center;gap:8px}
-.att-view.table,.att-view.text,.att-view.html{display:block}
+.att-view.table,.att-view.text,.att-view.html,.att-view.office-doc,.att-view.office-sheet{display:block}
 .att-htmlbox{width:100%;height:70vh;overflow:hidden;border:1px solid var(--border);border-radius:var(--r-m);background:#fff}
 .att-html{display:block;border:0;transform-origin:0 0;background:#fff}
 /* a page or a PDF is seen better wider than the modal of the kit */
-.modal.wide:has(.att-view.html),.modal.wide:has(.att-view.pdf){width:1100px}
+.modal.wide:has(.att-view.html),.modal.wide:has(.att-view.pdf),.modal.wide:has(.att-view.office-doc){width:1100px}
 .att-table{max-height:70vh;overflow:auto}
 .att-table table{border-collapse:collapse;font-family:var(--mono);font-size:12px}
 .att-table th,.att-table td{border:1px solid var(--border);padding:5px 8px;text-align:left;white-space:nowrap}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@green-on-grey/ui-kit",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "description": "UI kit of the Nabu and Hammurapi products: styles, components, the chat and the sign-in screen",
   "license": "Apache-2.0",
   "repository": {