@green-on-grey/ui-kit 1.3.0 → 1.5.0

package/dist/index.js

@@ -71,12 +71,12 @@ function S({ onClose: e, label: t, className: n, children: r }) {
 }
 //#endregion
 //#region src/components/TopBar.tsx
-function C({ logo: e, name: t, home: r = "/", sections: i, Link: a, center: o, actions: s, avatar: l, profileMenu: u }) {
-	let f = d(), [g, _] = v(!1), [y, b] = v(!1), x = h(() => b(!1), []), S = h(() => _(!1), []), C = c(y, x), w = i.map((e) => /* @__PURE__ */ p(a, {
+function C({ logo: e, name: t, home: r = "/", sections: i, Link: a, center: o, actions: s, avatar: l, profileMenu: u, menu: f }) {
+	let g = d(), [_, y] = v(!1), [b, x] = v(!1), S = h(() => x(!1), []), C = h(() => y(!1), []), w = c(b, S), T = i.map((e) => /* @__PURE__ */ p(a, {
 		href: e.href,
 		className: e.active ? "on" : void 0,
 		"aria-current": e.active ? "page" : void 0,
-		onClick: x,
+		onClick: S,
 		children: e.label
 	}, e.key));
 	return /* @__PURE__ */ m("div", {
@@ -95,8 +95,8 @@ function C({ logo: e, name: t, home: r = "/", sections: i, Link: a, center: o, a
 			}),
 			/* @__PURE__ */ p("nav", {
 				className: "nav hide-m",
-				"aria-label": f("topbar.sections"),
-				children: w
+				"aria-label": g("topbar.sections"),
+				children: T
 			}),
 			o,
 			/* @__PURE__ */ m("div", {
@@ -105,36 +105,40 @@ function C({ logo: e, name: t, home: r = "/", sections: i, Link: a, center: o, a
 					s,
 					/* @__PURE__ */ p("button", {
 						className: "avatar",
-						style: g ? { boxShadow: "0 0 0 2px var(--violet)" } : void 0,
+						style: _ ? { boxShadow: "0 0 0 2px var(--violet)" } : void 0,
 						onClick: () => {
-							b(!1), _((e) => !e);
+							x(!1), y((e) => !e);
 						},
-						"aria-label": f("topbar.profile"),
-						"aria-expanded": g,
+						"aria-label": g("topbar.profile"),
+						"aria-expanded": _,
 						children: l
 					}),
 					/* @__PURE__ */ m("div", {
 						className: "burger",
-						ref: C,
+						ref: w,
 						children: [/* @__PURE__ */ p("button", {
-							className: `iconbtn${y ? " on" : ""}`,
+							className: `iconbtn${b ? " on" : ""}`,
 							onClick: () => {
-								_(!1), b((e) => !e);
+								y(!1), x((e) => !e);
 							},
-							"aria-label": f("topbar.sections"),
-							"aria-expanded": y,
+							"aria-label": f?.label ?? g("topbar.sections"),
+							"aria-expanded": b,
 							"aria-controls": "nav-sections",
-							children: /* @__PURE__ */ p(n, { name: y ? "x" : "menu" })
-						}), y && /* @__PURE__ */ p("nav", {
+							children: /* @__PURE__ */ p(n, { name: b ? "x" : "menu" })
+						}), b && (f ? /* @__PURE__ */ p("div", {
 							id: "nav-sections",
 							className: "navmenu",
-							"aria-label": f("topbar.sections"),
-							children: w
-						})]
+							children: f.render(S)
+						}) : /* @__PURE__ */ p("nav", {
+							id: "nav-sections",
+							className: "navmenu",
+							"aria-label": g("topbar.sections"),
+							children: T
+						}))]
 					})
 				]
 			}),
-			g && u(S)
+			_ && u(C)
 		]
 	});
 }

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Switch","useToast","Icon","Modal","Markdown","Empty","Loading","useOutside","Avatar","useKitT","UIKIT_NS","Button","rest","cls","variant","size","className","IconButton","fill","on","label","Tabs","ref","useRef","i","items","it","value","to","e","onChange","Menu","onClose","useEffect","opener","TopBar","t","profileOpen","setProfileOpen","useState","sectionsOpen","setSectionsOpen","closeSections","useCallback","closeProfile","links","sections","Link","s","home","logo","name","center","actions","v","avatar","profileMenu","GitHubIcon","ToastProvider"],"sources":["../src/components/Button.tsx","../src/components/Tabs.tsx","../src/components/Menu.tsx","../src/components/TopBar.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from \"react\";\n\ntype Native = ButtonHTMLAttributes<HTMLButtonElement>;\n\n/** `button.btn` with its variants. The classes stay a legitimate way to use a\n * button (FTR.NAB.CMN-0005 tech, decision 1); the component is for new code. */\nexport function Button({ variant, size, className, type = \"button\", ...rest }: Native & {\n  variant?: \"primary\" | \"ghost\" | \"danger\"; size?: \"sm\";\n}) {\n  const cls = [\"btn\", variant, size, className].filter(Boolean).join(\" \");\n  return <button type={type} className={cls} {...rest} />;\n}\n\n/** `button.iconbtn`: a button with an icon only, so the label is required. */\nexport function IconButton({ label, fill, on, className, type = \"button\", ...rest }: Omit<Native, \"aria-label\"> & {\n  label: string; fill?: boolean; on?: boolean;\n}) {\n  const cls = [\"iconbtn\", fill && \"fill\", on && \"on\", className].filter(Boolean).join(\" \");\n  return <button type={type} className={cls} aria-label={label} {...rest} />;\n}\n","import { useRef, type KeyboardEvent, type ReactNode } from \"react\";\n\n/** `.tabs` with the keyboard of a tab list: arrows, Home and End move the choice. */\nexport function Tabs<K extends string>({ items, value, onChange, label }: {\n  items: { key: K; label: ReactNode }[]; value: K; onChange: (key: K) => void; label?: string;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const onKey = (e: KeyboardEvent) => {\n    const i = items.findIndex((it) => it.key === value);\n    const to = e.key === \"ArrowRight\" ? (i + 1) % items.length\n      : e.key === \"ArrowLeft\" ? (i - 1 + items.length) % items.length\n      : e.key === \"Home\" ? 0 : e.key === \"End\" ? items.length - 1 : -1;\n    if (to < 0) return;\n    e.preventDefault();\n    onChange(items[to].key);\n    ref.current?.querySelectorAll<HTMLElement>('[role=\"tab\"]')[to]?.focus();\n  };\n  return (\n    <div className=\"tabs\" role=\"tablist\" aria-label={label} ref={ref} onKeyDown={onKey}>\n      {items.map((it) => (\n        <button key={it.key} type=\"button\" role=\"tab\" aria-selected={it.key === value} tabIndex={it.key === value ? 0 : -1}\n          className={it.key === value ? \"on\" : undefined} onClick={() => onChange(it.key)}>\n          {it.label}\n        </button>\n      ))}\n    </div>\n  );\n}\n","import { useEffect, type ReactNode } from \"react\";\nimport { useOutside } from \"./ui\";\n\n/** `.menu`: a popover closed by Escape and by a click outside; it is mounted while\n * open. `onClose` must keep its identity between renders. What is inside\n * (sections `.sec`, lines `.line`, actions `.action`) belongs to the product. */\nexport function Menu({ onClose, label, className, children }: {\n  onClose: () => void; label?: string; className?: string; children: ReactNode;\n}) {\n  const ref = useOutside<HTMLDivElement>(true, onClose);\n  // the focus returns to what opened the menu (CMP-05)\n  useEffect(() => {\n    const opener = document.activeElement as HTMLElement | null;\n    return () => opener?.focus?.();\n  }, []);\n  return (\n    <div className={`menu${className ? ` ${className}` : \"\"}`} role=\"dialog\" aria-label={label} ref={ref}>\n      {children}\n    </div>\n  );\n}\n","import { useCallback, useState, type ReactNode } from \"react\";\nimport { useKitT } from \"../i18n\";\nimport { Icon } from \"./Icon\";\nimport { useOutside } from \"./ui\";\n\n/** The link of the product: the kit does not depend on a router (arch §4.2). */\nexport type LinkComponent = (props: {\n  href: string; className?: string; onClick?: () => void; \"aria-current\"?: \"page\"; children: ReactNode;\n}) => ReactNode;\n\nexport interface TopBarSection { key: string; label: ReactNode; href: string; active: boolean }\n\n/** The top bar (FTR.NAB.CMN-0005 R5, design §4): the logo and the name, the\n * sections in a row and behind the burger on a phone, the actions of the product,\n * the avatar that opens the profile menu. The profile menu and the list of\n * sections are never open together. */\nexport function TopBar({ logo, name, home = \"/\", sections, Link, center, actions, avatar, profileMenu }: {\n  logo: string; name: string; home?: string; sections: TopBarSection[]; Link: LinkComponent;\n  /** Between the sections and the actions: the search of Hammurapi. */\n  center?: ReactNode;\n  /** Before the avatar. */\n  actions?: ReactNode;\n  avatar: ReactNode;\n  profileMenu: (close: () => void) => ReactNode;\n}) {\n  const t = useKitT();\n  const [profileOpen, setProfileOpen] = useState(false);\n  const [sectionsOpen, setSectionsOpen] = useState(false);\n  const closeSections = useCallback(() => setSectionsOpen(false), []);\n  const closeProfile = useCallback(() => setProfileOpen(false), []);\n  const ref = useOutside<HTMLDivElement>(sectionsOpen, closeSections);\n  const links = sections.map((s) => (\n    <Link key={s.key} href={s.href} className={s.active ? \"on\" : undefined} aria-current={s.active ? \"page\" : undefined} onClick={closeSections}>\n      {s.label}\n    </Link>\n  ));\n  return (\n    <div className=\"topbar\">\n      <Link href={home} className=\"brand\">\n        <img src={logo} alt=\"\" />\n        <span className=\"hide-m\">{name}</span>\n      </Link>\n      <nav className=\"nav hide-m\" aria-label={t(\"topbar.sections\")}>{links}</nav>\n      {center}\n      <div className=\"top-actions\">\n        {actions}\n        <button className=\"avatar\" style={profileOpen ? { boxShadow: \"0 0 0 2px var(--violet)\" } : undefined}\n          onClick={() => { setSectionsOpen(false); setProfileOpen((v) => !v); }} aria-label={t(\"topbar.profile\")} aria-expanded={profileOpen}>\n          {avatar}\n        </button>\n        <div className=\"burger\" ref={ref}>\n          <button className={`iconbtn${sectionsOpen ? \" on\" : \"\"}`} onClick={() => { setProfileOpen(false); setSectionsOpen((v) => !v); }}\n            aria-label={t(\"topbar.sections\")} aria-expanded={sectionsOpen} aria-controls=\"nav-sections\">\n            <Icon name={sectionsOpen ? \"x\" : \"menu\"} />\n          </button>\n          {sectionsOpen && <nav id=\"nav-sections\" className=\"navmenu\" aria-label={t(\"topbar.sections\")}>{links}</nav>}\n        </div>\n      </div>\n      {profileOpen && profileMenu(closeProfile)}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Switch","useToast","Icon","Modal","Markdown","Empty","Loading","useOutside","Avatar","useKitT","UIKIT_NS","Button","rest","cls","variant","size","className","IconButton","fill","on","label","Tabs","ref","useRef","i","items","it","value","to","e","onChange","Menu","onClose","useEffect","opener","TopBar","t","profileOpen","setProfileOpen","useState","sectionsOpen","setSectionsOpen","closeSections","useCallback","closeProfile","links","sections","Link","s","home","logo","name","center","actions","v","avatar","menu","profileMenu","GitHubIcon","ToastProvider"],"sources":["../src/components/Button.tsx","../src/components/Tabs.tsx","../src/components/Menu.tsx","../src/components/TopBar.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes } from \"react\";\n\ntype Native = ButtonHTMLAttributes<HTMLButtonElement>;\n\n/** `button.btn` with its variants. The classes stay a legitimate way to use a\n * button (FTR.NAB.CMN-0005 tech, decision 1); the component is for new code. */\nexport function Button({ variant, size, className, type = \"button\", ...rest }: Native & {\n  variant?: \"primary\" | \"ghost\" | \"danger\"; size?: \"sm\";\n}) {\n  const cls = [\"btn\", variant, size, className].filter(Boolean).join(\" \");\n  return <button type={type} className={cls} {...rest} />;\n}\n\n/** `button.iconbtn`: a button with an icon only, so the label is required. */\nexport function IconButton({ label, fill, on, className, type = \"button\", ...rest }: Omit<Native, \"aria-label\"> & {\n  label: string; fill?: boolean; on?: boolean;\n}) {\n  const cls = [\"iconbtn\", fill && \"fill\", on && \"on\", className].filter(Boolean).join(\" \");\n  return <button type={type} className={cls} aria-label={label} {...rest} />;\n}\n","import { useRef, type KeyboardEvent, type ReactNode } from \"react\";\n\n/** `.tabs` with the keyboard of a tab list: arrows, Home and End move the choice. */\nexport function Tabs<K extends string>({ items, value, onChange, label }: {\n  items: { key: K; label: ReactNode }[]; value: K; onChange: (key: K) => void; label?: string;\n}) {\n  const ref = useRef<HTMLDivElement>(null);\n  const onKey = (e: KeyboardEvent) => {\n    const i = items.findIndex((it) => it.key === value);\n    const to = e.key === \"ArrowRight\" ? (i + 1) % items.length\n      : e.key === \"ArrowLeft\" ? (i - 1 + items.length) % items.length\n      : e.key === \"Home\" ? 0 : e.key === \"End\" ? items.length - 1 : -1;\n    if (to < 0) return;\n    e.preventDefault();\n    onChange(items[to].key);\n    ref.current?.querySelectorAll<HTMLElement>('[role=\"tab\"]')[to]?.focus();\n  };\n  return (\n    <div className=\"tabs\" role=\"tablist\" aria-label={label} ref={ref} onKeyDown={onKey}>\n      {items.map((it) => (\n        <button key={it.key} type=\"button\" role=\"tab\" aria-selected={it.key === value} tabIndex={it.key === value ? 0 : -1}\n          className={it.key === value ? \"on\" : undefined} onClick={() => onChange(it.key)}>\n          {it.label}\n        </button>\n      ))}\n    </div>\n  );\n}\n","import { useEffect, type ReactNode } from \"react\";\nimport { useOutside } from \"./ui\";\n\n/** `.menu`: a popover closed by Escape and by a click outside; it is mounted while\n * open. `onClose` must keep its identity between renders. What is inside\n * (sections `.sec`, lines `.line`, actions `.action`) belongs to the product. */\nexport function Menu({ onClose, label, className, children }: {\n  onClose: () => void; label?: string; className?: string; children: ReactNode;\n}) {\n  const ref = useOutside<HTMLDivElement>(true, onClose);\n  // the focus returns to what opened the menu (CMP-05)\n  useEffect(() => {\n    const opener = document.activeElement as HTMLElement | null;\n    return () => opener?.focus?.();\n  }, []);\n  return (\n    <div className={`menu${className ? ` ${className}` : \"\"}`} role=\"dialog\" aria-label={label} ref={ref}>\n      {children}\n    </div>\n  );\n}\n","import { useCallback, useState, type ReactNode } from \"react\";\nimport { useKitT } from \"../i18n\";\nimport { Icon } from \"./Icon\";\nimport { useOutside } from \"./ui\";\n\n/** The link of the product: the kit does not depend on a router (arch §4.2). */\nexport type LinkComponent = (props: {\n  href: string; className?: string; onClick?: () => void; \"aria-current\"?: \"page\"; children: ReactNode;\n}) => ReactNode;\n\nexport interface TopBarSection { key: string; label: ReactNode; href: string; active: boolean }\n\n/** The top bar (FTR.NAB.CMN-0005 R5, design §4): the logo and the name, the\n * sections in a row and behind the burger on a phone, the actions of the product,\n * the avatar that opens the profile menu. The profile menu and the list of\n * sections are never open together. A part of the product with its own\n * navigation (the administration) puts it behind the burger in place of the\n * sections: `menu`, with the side panel marked `in-burger`, hidden on a phone. */\nexport function TopBar({ logo, name, home = \"/\", sections, Link, center, actions, avatar, profileMenu, menu }: {\n  logo: string; name: string; home?: string; sections: TopBarSection[]; Link: LinkComponent;\n  /** Between the sections and the actions: the search of Hammurapi. */\n  center?: ReactNode;\n  /** Before the avatar. */\n  actions?: ReactNode;\n  avatar: ReactNode;\n  profileMenu: (close: () => void) => ReactNode;\n  /** The burger of a phone in place of the sections: the navigation of the current part of the product and\n   * its name, which the burger is called by. */\n  menu?: { label: string; render: (close: () => void) => ReactNode };\n}) {\n  const t = useKitT();\n  const [profileOpen, setProfileOpen] = useState(false);\n  const [sectionsOpen, setSectionsOpen] = useState(false);\n  const closeSections = useCallback(() => setSectionsOpen(false), []);\n  const closeProfile = useCallback(() => setProfileOpen(false), []);\n  const ref = useOutside<HTMLDivElement>(sectionsOpen, closeSections);\n  const links = sections.map((s) => (\n    <Link key={s.key} href={s.href} className={s.active ? \"on\" : undefined} aria-current={s.active ? \"page\" : undefined} onClick={closeSections}>\n      {s.label}\n    </Link>\n  ));\n  return (\n    <div className=\"topbar\">\n      <Link href={home} className=\"brand\">\n        <img src={logo} alt=\"\" />\n        <span className=\"hide-m\">{name}</span>\n      </Link>\n      <nav className=\"nav hide-m\" aria-label={t(\"topbar.sections\")}>{links}</nav>\n      {center}\n      <div className=\"top-actions\">\n        {actions}\n        <button className=\"avatar\" style={profileOpen ? { boxShadow: \"0 0 0 2px var(--violet)\" } : undefined}\n          onClick={() => { setSectionsOpen(false); setProfileOpen((v) => !v); }} aria-label={t(\"topbar.profile\")} aria-expanded={profileOpen}>\n          {avatar}\n        </button>\n        <div className=\"burger\" ref={ref}>\n          <button className={`iconbtn${sectionsOpen ? \" on\" : \"\"}`} onClick={() => { setProfileOpen(false); setSectionsOpen((v) => !v); }}\n            aria-label={menu?.label ?? t(\"topbar.sections\")} aria-expanded={sectionsOpen} aria-controls=\"nav-sections\">\n            <Icon name={sectionsOpen ? \"x\" : \"menu\"} />\n          </button>\n          {sectionsOpen && (menu\n            ? <div id=\"nav-sections\" className=\"navmenu\">{menu.render(closeSections)}</div>\n            : <nav id=\"nav-sections\" className=\"navmenu\" aria-label={t(\"topbar.sections\")}>{links}</nav>)}\n        </div>\n      </div>\n      {profileOpen && profileMenu(closeProfile)}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/locales/index.d.ts

@@ -87,6 +87,8 @@ export declare const resources: {
                 save: string;
                 notUtf8: string;
                 rows: string;
+                source: string;
+                page: string;
             };
         };
     };
@@ -176,6 +178,8 @@ export declare const resources: {
                 save: string;
                 notUtf8: string;
                 rows: string;
+                source: string;
+                page: string;
             };
         };
     };
@@ -265,6 +269,8 @@ export declare const resources: {
                 save: string;
                 notUtf8: string;
                 rows: string;
+                source: string;
+                page: string;
             };
         };
     };
@@ -354,6 +360,8 @@ export declare const resources: {
                 save: string;
                 notUtf8: string;
                 rows: string;
+                source: string;
+                page: string;
             };
         };
     };
@@ -443,6 +451,8 @@ export declare const resources: {
                 save: string;
                 notUtf8: string;
                 rows: string;
+                source: string;
+                page: string;
             };
         };
     };

package/dist/locales.js

@@ -85,7 +85,9 @@ var t = {
 				tooLarge: "The file is too large to preview — download it",
 				save: "Download {name}",
 				notUtf8: "The file is not in UTF-8 — download it",
-				rows: "Showing {shown} of {total, plural, one {# row} other {# rows}}"
+				rows: "Showing {shown} of {total, plural, one {# row} other {# rows}}",
+				source: "Code",
+				page: "Page"
 			}
 		}
 	},
@@ -172,7 +174,9 @@ var t = {
 				tooLarge: "Файл слишком большой для просмотра — скачайте его",
 				save: "Скачать {name}",
 				notUtf8: "Файл не в кодировке UTF-8 — скачайте его",
-				rows: "Показаны {shown} из {total, plural, one {# строки} other {# строк}}"
+				rows: "Показаны {shown} из {total, plural, one {# строки} other {# строк}}",
+				source: "Код",
+				page: "Страница"
 			}
 		}
 	},
@@ -259,7 +263,9 @@ var t = {
 				tooLarge: "Die Datei ist zu groß für die Vorschau — bitte herunterladen",
 				save: "{name} herunterladen",
 				notUtf8: "Die Datei ist nicht in UTF-8 — bitte herunterladen",
-				rows: "{shown} von {total, plural, one {# Zeile} other {# Zeilen}} angezeigt"
+				rows: "{shown} von {total, plural, one {# Zeile} other {# Zeilen}} angezeigt",
+				source: "Code",
+				page: "Seite"
 			}
 		}
 	},
@@ -346,7 +352,9 @@ var t = {
 				tooLarge: "El archivo es demasiado grande para la vista previa: descárguelo",
 				save: "Descargar {name}",
 				notUtf8: "El archivo no está en UTF-8: descárguelo",
-				rows: "Se muestran {shown} de {total, plural, one {# fila} other {# filas}}"
+				rows: "Se muestran {shown} de {total, plural, one {# fila} other {# filas}}",
+				source: "Código",
+				page: "Página"
 			}
 		}
 	},
@@ -433,7 +441,9 @@ var t = {
 				tooLarge: "文件太大，无法预览，请下载",
 				save: "下载 {name}",
 				notUtf8: "文件不是 UTF-8 编码，请下载",
-				rows: "显示 {total} 行中的 {shown} 行"
+				rows: "显示 {total} 行中的 {shown} 行",
+				source: "代码",
+				page: "页面"
 			}
 		}
 	}

package/dist/locales.js.map

@@ -1 +1 @@
-{"version":3,"file":"locales.js","names":["loading","cancel","create","close","remove","agentName","topbar","chat","loading","cancel","create","close","remove","agentName","topbar","chat","loading","cancel","create","close","remove","agentName","topbar","chat","loading","cancel","create","close","remove","agentName","topbar","chat","UIKIT_NS","resources","\"delete\"","\"sections\"","\"profile\"","\"title\"","\"conversations\"","\"conversation\"","\"topics\"","\"archive\"","\"noTopics\"","\"newTopic\"","\"topicTitle\"","\"topicHint\"","\"loadOlder\"","\"emptyTitle\"","\"placeholder\"","\"send\"","\"attach\"","\"typing\"","\"moreSteps\"","\"hideSteps\"","\"unread\"","\"retry\"","\"tooLarge\"","\"stop\"","\"voice\"","\"hold\"","\"recording\"","\"review\"","\"notRecognized\"","\"micDenied\"","\"unsupported\"","\"start\"","\"done\"","\"recognizing\"","\"recordingNow\"","\"failed\"","\"confirm\"","\"text\"","\"approve\"","\"reject\"","\"wait\"","\"starting\"","\"queued\"","\"palette\"","\"commands\"","\"skills\"","\"noSkills\"","\"empty\"","\"unknownCommand\"","\"sendAsText\"","\"skillPlaceholder\"","\"context\"","\"meter\"","\"full\"","\"compact\"","\"reset\"","\"event\"","\"details\"","\"files\"","\"open\"","\"download\"","\"save\"","\"notUtf8\"","\"rows\""],"sources":["../src/locales/en.json","../src/locales/ru.json","../src/locales/de.json","../src/locales/es.json","../src/locales/zh.json","../src/locales/index.ts"],"sourcesContent":["{\n  \"loading\": \"Loading…\",\n  \"cancel\": \"Cancel\",\n  \"create\": \"Create\",\n  \"close\": \"Close\",\n  \"delete\": \"Delete\",\n  \"remove\": \"Remove\",\n  \"agentName\": \"Agent name\",\n  \"topbar\": {\n    \"sections\": \"Sections\",\n    \"profile\": \"Profile\"\n  },\n  \"chat\": {\n    \"title\": \"Chat\",\n    \"conversations\": \"Conversations\",\n    \"conversation\": \"Conversation\",\n    \"topics\": \"Topics\",\n    \"archive\": \"Archive\",\n    \"noTopics\": \"No topics yet\",\n    \"newTopic\": \"New topic\",\n    \"topicTitle\": \"Topic\",\n    \"topicHint\": \"A topic has its own history and the same memory and space.\",\n    \"loadOlder\": \"Earlier messages\",\n    \"emptyTitle\": \"Hi, I am {name}\",\n    \"placeholder\": \"Message {name}…\",\n    \"send\": \"Send\",\n    \"attach\": \"Attach files\",\n    \"typing\": \"The agent is typing\",\n    \"moreSteps\": \"{count, plural, one {# more step} other {# more steps}}\",\n    \"hideSteps\": \"Hide steps\",\n    \"unread\": \"{count, plural, one {# unread answer} other {# unread answers}}\",\n    \"retry\": \"Retry\",\n    \"tooLarge\": \"The file is too large.\",\n    \"stop\": \"Stop\",\n    \"voice\": {\n      \"hold\": \"Hold to record\",\n      \"stop\": \"Stop recording\",\n      \"recording\": \"Recording… {seconds} s\",\n      \"review\": \"Check the transcript before sending\",\n      \"notRecognized\": \"The speech was not recognized\",\n      \"micDenied\": \"No access to the microphone\",\n      \"unsupported\": \"Voice input is not supported in this browser\",\n      \"start\": \"Record a voice message\",\n      \"done\": \"Stop\",\n      \"recognizing\": \"Recognizing…\",\n      \"recordingNow\": \"Recording\",\n      \"failed\": \"The voice message could not be recognized\",\n      \"retry\": \"Retry\"\n    },\n    \"confirm\": {\n      \"title\": \"Confirm the action\",\n      \"text\": \"The agent wants to perform: {action}\",\n      \"approve\": \"Execute\",\n      \"reject\": \"Reject\"\n    },\n    \"wait\": {\n      \"starting\": \"The agent is starting…\",\n      \"queued\": \"{count, plural, =0 {In the queue · you are next} one {In the queue · # ahead of you} other {In the queue · # ahead of you}}\"\n    },\n    \"palette\": {\n      \"title\": \"Commands and skills\",\n      \"commands\": \"Commands\",\n      \"skills\": \"Skills\",\n      \"noSkills\": \"No skills are granted to you\",\n      \"empty\": \"Nothing found\"\n    },\n    \"unknownCommand\": \"Unknown command {name}\",\n    \"sendAsText\": \"Send as text\",\n    \"skillPlaceholder\": \"What to do with the skill?\",\n    \"context\": {\n      \"meter\": \"Context: {used} of {total} tokens ({pct}%)\",\n      \"full\": \"Answers get more expensive and the agent may get confused.\",\n      \"compact\": \"Compact\",\n      \"reset\": \"Start over\"\n    },\n    \"event\": {\n      \"details\": \"Summary\"\n    },\n    \"files\": {\n      \"open\": \"Open {name}\",\n      \"download\": \"Download\",\n      \"failed\": \"Could not open the file\",\n      \"tooLarge\": \"The file is too large to preview — download it\",\n      \"save\": \"Download {name}\",\n      \"notUtf8\": \"The file is not in UTF-8 — download it\",\n      \"rows\": \"Showing {shown} of {total, plural, one {# row} other {# rows}}\"\n    }\n  }\n}\n","{\n  \"loading\": \"Загрузка…\",\n  \"cancel\": \"Отмена\",\n  \"create\": \"Создать\",\n  \"close\": \"Закрыть\",\n  \"delete\": \"Удалить\",\n  \"remove\": \"Убрать\",\n  \"agentName\": \"Имя агента\",\n  \"topbar\": {\n    \"sections\": \"Разделы\",\n    \"profile\": \"Профиль\"\n  },\n  \"chat\": {\n    \"title\": \"Чат\",\n    \"conversations\": \"Разговоры\",\n    \"conversation\": \"Разговор\",\n    \"topics\": \"Темы\",\n    \"archive\": \"Архив\",\n    \"noTopics\": \"Тем пока нет\",\n    \"newTopic\": \"Новая тема\",\n    \"topicTitle\": \"Тема\",\n    \"topicHint\": \"У темы своя история, а память и пространство — те же.\",\n    \"loadOlder\": \"Более ранние сообщения\",\n    \"emptyTitle\": \"Привет, я {name}\",\n    \"placeholder\": \"Сообщение для {name}…\",\n    \"send\": \"Отправить\",\n    \"attach\": \"Прикрепить файлы\",\n    \"typing\": \"Агент печатает\",\n    \"moreSteps\": \"{count, plural, one {ещё # шаг} few {ещё # шага} many {ещё # шагов} other {ещё # шага}}\",\n    \"hideSteps\": \"Скрыть шаги\",\n    \"unread\": \"{count, plural, one {# непрочитанный ответ} few {# непрочитанных ответа} many {# непрочитанных ответов} other {# непрочитанных ответа}}\",\n    \"retry\": \"Повторить\",\n    \"tooLarge\": \"Файл слишком большой.\",\n    \"stop\": \"Остановить\",\n    \"voice\": {\n      \"hold\": \"Удерживайте для записи\",\n      \"stop\": \"Остановить запись\",\n      \"recording\": \"Запись… {seconds} с\",\n      \"review\": \"Проверьте расшифровку перед отправкой\",\n      \"notRecognized\": \"Речь не распознана\",\n      \"micDenied\": \"Нет доступа к микрофону\",\n      \"unsupported\": \"Голосовой ввод не поддерживается этим браузером\",\n      \"start\": \"Записать голосом\",\n      \"done\": \"Стоп\",\n      \"recognizing\": \"Распознаём…\",\n      \"recordingNow\": \"Запись\",\n      \"failed\": \"Не удалось распознать голосовое сообщение\",\n      \"retry\": \"Повторить\"\n    },\n    \"confirm\": {\n      \"title\": \"Подтвердите действие\",\n      \"text\": \"Агент хочет выполнить: {action}\",\n      \"approve\": \"Выполнить\",\n      \"reject\": \"Отклонить\"\n    },\n    \"wait\": {\n      \"starting\": \"Агент запускается…\",\n      \"queued\": \"{count, plural, =0 {В очереди · вы следующий} other {В очереди · перед вами #}}\"\n    },\n    \"palette\": {\n      \"title\": \"Команды и скиллы\",\n      \"commands\": \"Команды\",\n      \"skills\": \"Скиллы\",\n      \"noSkills\": \"Вам не выдан ни один скилл\",\n      \"empty\": \"Ничего не найдено\"\n    },\n    \"unknownCommand\": \"Неизвестная команда {name}\",\n    \"sendAsText\": \"Отправить как текст\",\n    \"skillPlaceholder\": \"Что сделать по скиллу?\",\n    \"context\": {\n      \"meter\": \"Контекст: {used} из {total} токенов ({pct} %)\",\n      \"full\": \"Ответы дорожают, агент может путаться.\",\n      \"compact\": \"Сжать\",\n      \"reset\": \"Начать заново\"\n    },\n    \"event\": {\n      \"details\": \"Изложение\"\n    },\n    \"files\": {\n      \"open\": \"Открыть {name}\",\n      \"download\": \"Скачать\",\n      \"failed\": \"Не удалось открыть файл\",\n      \"tooLarge\": \"Файл слишком большой для просмотра — скачайте его\",\n      \"save\": \"Скачать {name}\",\n      \"notUtf8\": \"Файл не в кодировке UTF-8 — скачайте его\",\n      \"rows\": \"Показаны {shown} из {total, plural, one {# строки} other {# строк}}\"\n    }\n  }\n}\n","{\n  \"loading\": \"Wird geladen…\",\n  \"cancel\": \"Abbrechen\",\n  \"create\": \"Erstellen\",\n  \"close\": \"Schließen\",\n  \"delete\": \"Löschen\",\n  \"remove\": \"Entfernen\",\n  \"agentName\": \"Name des Agenten\",\n  \"topbar\": {\n    \"sections\": \"Bereiche\",\n    \"profile\": \"Profil\"\n  },\n  \"chat\": {\n    \"title\": \"Chat\",\n    \"conversations\": \"Gespräche\",\n    \"conversation\": \"Gespräch\",\n    \"topics\": \"Themen\",\n    \"archive\": \"Archiv\",\n    \"noTopics\": \"Noch keine Themen\",\n    \"newTopic\": \"Neues Thema\",\n    \"topicTitle\": \"Thema\",\n    \"topicHint\": \"Ein Thema hat einen eigenen Verlauf, aber dasselbe Gedächtnis und denselben Arbeitsbereich.\",\n    \"loadOlder\": \"Frühere Nachrichten\",\n    \"emptyTitle\": \"Hallo, ich bin {name}\",\n    \"placeholder\": \"Nachricht an {name}…\",\n    \"send\": \"Senden\",\n    \"attach\": \"Dateien anhängen\",\n    \"typing\": \"Der Agent schreibt\",\n    \"moreSteps\": \"{count, plural, one {# weiterer Schritt} other {# weitere Schritte}}\",\n    \"hideSteps\": \"Schritte ausblenden\",\n    \"unread\": \"{count, plural, one {# ungelesene Antwort} other {# ungelesene Antworten}}\",\n    \"retry\": \"Wiederholen\",\n    \"tooLarge\": \"Die Datei ist zu groß.\",\n    \"stop\": \"Stoppen\",\n    \"voice\": {\n      \"hold\": \"Zum Aufnehmen gedrückt halten\",\n      \"stop\": \"Aufnahme beenden\",\n      \"recording\": \"Aufnahme… {seconds} s\",\n      \"review\": \"Prüfen Sie die Transkription vor dem Senden\",\n      \"notRecognized\": \"Die Sprache wurde nicht erkannt\",\n      \"micDenied\": \"Kein Zugriff auf das Mikrofon\",\n      \"unsupported\": \"Spracheingabe wird von diesem Browser nicht unterstützt\",\n      \"start\": \"Sprachnachricht aufnehmen\",\n      \"done\": \"Stopp\",\n      \"recognizing\": \"Wird erkannt…\",\n      \"recordingNow\": \"Aufnahme\",\n      \"failed\": \"Die Sprachnachricht konnte nicht erkannt werden\",\n      \"retry\": \"Wiederholen\"\n    },\n    \"confirm\": {\n      \"title\": \"Aktion bestätigen\",\n      \"text\": \"Der Agent möchte ausführen: {action}\",\n      \"approve\": \"Ausführen\",\n      \"reject\": \"Ablehnen\"\n    },\n    \"wait\": {\n      \"starting\": \"Der Agent startet…\",\n      \"queued\": \"{count, plural, =0 {In der Warteschlange · Sie sind als Nächstes dran} other {In der Warteschlange · # vor Ihnen}}\"\n    },\n    \"palette\": {\n      \"title\": \"Befehle und Skills\",\n      \"commands\": \"Befehle\",\n      \"skills\": \"Skills\",\n      \"noSkills\": \"Ihnen ist kein Skill freigegeben\",\n      \"empty\": \"Nichts gefunden\"\n    },\n    \"unknownCommand\": \"Unbekannter Befehl {name}\",\n    \"sendAsText\": \"Als Text senden\",\n    \"skillPlaceholder\": \"Was soll mit dem Skill getan werden?\",\n    \"context\": {\n      \"meter\": \"Kontext: {used} von {total} Tokens ({pct} %)\",\n      \"full\": \"Antworten werden teurer, der Agent kann durcheinanderkommen.\",\n      \"compact\": \"Komprimieren\",\n      \"reset\": \"Neu beginnen\"\n    },\n    \"event\": {\n      \"details\": \"Zusammenfassung\"\n    },\n    \"files\": {\n      \"open\": \"{name} öffnen\",\n      \"download\": \"Herunterladen\",\n      \"failed\": \"Die Datei konnte nicht geöffnet werden\",\n      \"tooLarge\": \"Die Datei ist zu groß für die Vorschau — bitte herunterladen\",\n      \"save\": \"{name} herunterladen\",\n      \"notUtf8\": \"Die Datei ist nicht in UTF-8 — bitte herunterladen\",\n      \"rows\": \"{shown} von {total, plural, one {# Zeile} other {# Zeilen}} angezeigt\"\n    }\n  }\n}\n","{\n  \"loading\": \"Cargando…\",\n  \"cancel\": \"Cancelar\",\n  \"create\": \"Crear\",\n  \"close\": \"Cerrar\",\n  \"delete\": \"Eliminar\",\n  \"remove\": \"Quitar\",\n  \"agentName\": \"Nombre del agente\",\n  \"topbar\": {\n    \"sections\": \"Secciones\",\n    \"profile\": \"Perfil\"\n  },\n  \"chat\": {\n    \"title\": \"Chat\",\n    \"conversations\": \"Conversaciones\",\n    \"conversation\": \"Conversación\",\n    \"topics\": \"Temas\",\n    \"archive\": \"Archivo\",\n    \"noTopics\": \"Aún no hay temas\",\n    \"newTopic\": \"Nuevo tema\",\n    \"topicTitle\": \"Tema\",\n    \"topicHint\": \"Un tema tiene su propio historial y la misma memoria y espacio.\",\n    \"loadOlder\": \"Mensajes anteriores\",\n    \"emptyTitle\": \"Hola, soy {name}\",\n    \"placeholder\": \"Mensaje para {name}…\",\n    \"send\": \"Enviar\",\n    \"attach\": \"Adjuntar archivos\",\n    \"typing\": \"El agente está escribiendo\",\n    \"moreSteps\": \"{count, plural, one {# paso más} other {# pasos más}}\",\n    \"hideSteps\": \"Ocultar pasos\",\n    \"unread\": \"{count, plural, one {# respuesta sin leer} other {# respuestas sin leer}}\",\n    \"retry\": \"Reintentar\",\n    \"tooLarge\": \"El archivo es demasiado grande.\",\n    \"stop\": \"Detener\",\n    \"voice\": {\n      \"hold\": \"Mantenga pulsado para grabar\",\n      \"stop\": \"Detener la grabación\",\n      \"recording\": \"Grabando… {seconds} s\",\n      \"review\": \"Revise la transcripción antes de enviar\",\n      \"notRecognized\": \"No se reconoció la voz\",\n      \"micDenied\": \"Sin acceso al micrófono\",\n      \"unsupported\": \"Este navegador no admite la entrada de voz\",\n      \"start\": \"Grabar un mensaje de voz\",\n      \"done\": \"Detener\",\n      \"recognizing\": \"Reconociendo…\",\n      \"recordingNow\": \"Grabando\",\n      \"failed\": \"No se pudo reconocer el mensaje de voz\",\n      \"retry\": \"Reintentar\"\n    },\n    \"confirm\": {\n      \"title\": \"Confirme la acción\",\n      \"text\": \"El agente quiere ejecutar: {action}\",\n      \"approve\": \"Ejecutar\",\n      \"reject\": \"Rechazar\"\n    },\n    \"wait\": {\n      \"starting\": \"El agente se está iniciando…\",\n      \"queued\": \"{count, plural, =0 {En cola · usted es el siguiente} other {En cola · # por delante}}\"\n    },\n    \"palette\": {\n      \"title\": \"Comandos y skills\",\n      \"commands\": \"Comandos\",\n      \"skills\": \"Skills\",\n      \"noSkills\": \"No tiene skills disponibles\",\n      \"empty\": \"No se encontró nada\"\n    },\n    \"unknownCommand\": \"Comando desconocido {name}\",\n    \"sendAsText\": \"Enviar como texto\",\n    \"skillPlaceholder\": \"¿Qué hacer con el skill?\",\n    \"context\": {\n      \"meter\": \"Contexto: {used} de {total} tokens ({pct} %)\",\n      \"full\": \"Las respuestas se encarecen y el agente puede confundirse.\",\n      \"compact\": \"Compactar\",\n      \"reset\": \"Empezar de nuevo\"\n    },\n    \"event\": {\n      \"details\": \"Resumen\"\n    },\n    \"files\": {\n      \"open\": \"Abrir {name}\",\n      \"download\": \"Descargar\",\n      \"failed\": \"No se pudo abrir el archivo\",\n      \"tooLarge\": \"El archivo es demasiado grande para la vista previa: descárguelo\",\n      \"save\": \"Descargar {name}\",\n      \"notUtf8\": \"El archivo no está en UTF-8: descárguelo\",\n      \"rows\": \"Se muestran {shown} de {total, plural, one {# fila} other {# filas}}\"\n    }\n  }\n}\n","{\n  \"loading\": \"加载中…\",\n  \"cancel\": \"取消\",\n  \"create\": \"创建\",\n  \"close\": \"关闭\",\n  \"delete\": \"删除\",\n  \"remove\": \"移除\",\n  \"agentName\": \"智能体名称\",\n  \"topbar\": {\n    \"sections\": \"栏目\",\n    \"profile\": \"个人资料\"\n  },\n  \"chat\": {\n    \"title\": \"聊天\",\n    \"conversations\": \"对话\",\n    \"conversation\": \"对话\",\n    \"topics\": \"话题\",\n    \"archive\": \"归档\",\n    \"noTopics\": \"暂无话题\",\n    \"newTopic\": \"新话题\",\n    \"topicTitle\": \"话题\",\n    \"topicHint\": \"话题有独立的历史记录，记忆和空间与主对话相同。\",\n    \"loadOlder\": \"更早的消息\",\n    \"emptyTitle\": \"你好，我是 {name}\",\n    \"placeholder\": \"给 {name} 发消息…\",\n    \"send\": \"发送\",\n    \"attach\": \"附加文件\",\n    \"typing\": \"智能体正在输入\",\n    \"moreSteps\": \"{count, plural, other {另外 # 个步骤}}\",\n    \"hideSteps\": \"隐藏步骤\",\n    \"unread\": \"{count} 条未读回复\",\n    \"retry\": \"重试\",\n    \"tooLarge\": \"文件太大。\",\n    \"stop\": \"停止\",\n    \"voice\": {\n      \"hold\": \"按住录音\",\n      \"stop\": \"停止录音\",\n      \"recording\": \"录音中… {seconds} 秒\",\n      \"review\": \"发送前请检查转写文本\",\n      \"notRecognized\": \"未能识别语音\",\n      \"micDenied\": \"无法访问麦克风\",\n      \"unsupported\": \"此浏览器不支持语音输入\",\n      \"start\": \"录制语音\",\n      \"done\": \"停止\",\n      \"recognizing\": \"正在识别…\",\n      \"recordingNow\": \"录音中\",\n      \"failed\": \"无法识别语音消息\",\n      \"retry\": \"重试\"\n    },\n    \"confirm\": {\n      \"title\": \"确认操作\",\n      \"text\": \"代理想要执行：{action}\",\n      \"approve\": \"执行\",\n      \"reject\": \"拒绝\"\n    },\n    \"wait\": {\n      \"starting\": \"代理正在启动…\",\n      \"queued\": \"{count, plural, =0 {排队中 · 您是下一位} other {排队中 · 前面还有 # 位}}\"\n    },\n    \"palette\": {\n      \"title\": \"命令和技能\",\n      \"commands\": \"命令\",\n      \"skills\": \"技能\",\n      \"noSkills\": \"您没有可用的技能\",\n      \"empty\": \"未找到\"\n    },\n    \"unknownCommand\": \"未知命令 {name}\",\n    \"sendAsText\": \"作为文本发送\",\n    \"skillPlaceholder\": \"用这个技能做什么？\",\n    \"context\": {\n      \"meter\": \"上下文：{used} / {total} 个令牌（{pct}%）\",\n      \"full\": \"回答变得更贵，代理可能会混淆。\",\n      \"compact\": \"压缩\",\n      \"reset\": \"重新开始\"\n    },\n    \"event\": {\n      \"details\": \"摘要\"\n    },\n    \"files\": {\n      \"open\": \"打开 {name}\",\n      \"download\": \"下载\",\n      \"failed\": \"无法打开文件\",\n      \"tooLarge\": \"文件太大，无法预览，请下载\",\n      \"save\": \"下载 {name}\",\n      \"notUtf8\": \"文件不是 UTF-8 编码，请下载\",\n      \"rows\": \"显示 {total} 行中的 {shown} 行\"\n    }\n  }\n}\n","import en from \"./en.json\";\nimport ru from \"./ru.json\";\nimport de from \"./de.json\";\nimport es from \"./es.json\";\nimport zh from \"./zh.json\";\n\n/** Strings of the components in the five languages of the products. A product adds\n * them to its i18next instance under the namespace `uikit`. */\nexport const resources = { en, ru, de, es, zh };\nexport type KitLanguage = keyof typeof resources;\nexport { UIKIT_NS } from \"../i18n\";\n"],"mappings":";;;AKQA,IAAaiC,IAAY;CAAE,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;CAAI,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;CAAI,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;CAAI,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;CAAI,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;AAAG"}
+{"version":3,"file":"locales.js","names":["loading","cancel","create","close","remove","agentName","topbar","chat","loading","cancel","create","close","remove","agentName","topbar","chat","loading","cancel","create","close","remove","agentName","topbar","chat","loading","cancel","create","close","remove","agentName","topbar","chat","UIKIT_NS","resources","\"delete\"","\"sections\"","\"profile\"","\"title\"","\"conversations\"","\"conversation\"","\"topics\"","\"archive\"","\"noTopics\"","\"newTopic\"","\"topicTitle\"","\"topicHint\"","\"loadOlder\"","\"emptyTitle\"","\"placeholder\"","\"send\"","\"attach\"","\"typing\"","\"moreSteps\"","\"hideSteps\"","\"unread\"","\"retry\"","\"tooLarge\"","\"stop\"","\"voice\"","\"hold\"","\"recording\"","\"review\"","\"notRecognized\"","\"micDenied\"","\"unsupported\"","\"start\"","\"done\"","\"recognizing\"","\"recordingNow\"","\"failed\"","\"confirm\"","\"text\"","\"approve\"","\"reject\"","\"wait\"","\"starting\"","\"queued\"","\"palette\"","\"commands\"","\"skills\"","\"noSkills\"","\"empty\"","\"unknownCommand\"","\"sendAsText\"","\"skillPlaceholder\"","\"context\"","\"meter\"","\"full\"","\"compact\"","\"reset\"","\"event\"","\"details\"","\"files\"","\"open\"","\"download\"","\"save\"","\"notUtf8\"","\"rows\"","\"source\"","\"page\""],"sources":["../src/locales/en.json","../src/locales/ru.json","../src/locales/de.json","../src/locales/es.json","../src/locales/zh.json","../src/locales/index.ts"],"sourcesContent":["{\n  \"loading\": \"Loading…\",\n  \"cancel\": \"Cancel\",\n  \"create\": \"Create\",\n  \"close\": \"Close\",\n  \"delete\": \"Delete\",\n  \"remove\": \"Remove\",\n  \"agentName\": \"Agent name\",\n  \"topbar\": {\n    \"sections\": \"Sections\",\n    \"profile\": \"Profile\"\n  },\n  \"chat\": {\n    \"title\": \"Chat\",\n    \"conversations\": \"Conversations\",\n    \"conversation\": \"Conversation\",\n    \"topics\": \"Topics\",\n    \"archive\": \"Archive\",\n    \"noTopics\": \"No topics yet\",\n    \"newTopic\": \"New topic\",\n    \"topicTitle\": \"Topic\",\n    \"topicHint\": \"A topic has its own history and the same memory and space.\",\n    \"loadOlder\": \"Earlier messages\",\n    \"emptyTitle\": \"Hi, I am {name}\",\n    \"placeholder\": \"Message {name}…\",\n    \"send\": \"Send\",\n    \"attach\": \"Attach files\",\n    \"typing\": \"The agent is typing\",\n    \"moreSteps\": \"{count, plural, one {# more step} other {# more steps}}\",\n    \"hideSteps\": \"Hide steps\",\n    \"unread\": \"{count, plural, one {# unread answer} other {# unread answers}}\",\n    \"retry\": \"Retry\",\n    \"tooLarge\": \"The file is too large.\",\n    \"stop\": \"Stop\",\n    \"voice\": {\n      \"hold\": \"Hold to record\",\n      \"stop\": \"Stop recording\",\n      \"recording\": \"Recording… {seconds} s\",\n      \"review\": \"Check the transcript before sending\",\n      \"notRecognized\": \"The speech was not recognized\",\n      \"micDenied\": \"No access to the microphone\",\n      \"unsupported\": \"Voice input is not supported in this browser\",\n      \"start\": \"Record a voice message\",\n      \"done\": \"Stop\",\n      \"recognizing\": \"Recognizing…\",\n      \"recordingNow\": \"Recording\",\n      \"failed\": \"The voice message could not be recognized\",\n      \"retry\": \"Retry\"\n    },\n    \"confirm\": {\n      \"title\": \"Confirm the action\",\n      \"text\": \"The agent wants to perform: {action}\",\n      \"approve\": \"Execute\",\n      \"reject\": \"Reject\"\n    },\n    \"wait\": {\n      \"starting\": \"The agent is starting…\",\n      \"queued\": \"{count, plural, =0 {In the queue · you are next} one {In the queue · # ahead of you} other {In the queue · # ahead of you}}\"\n    },\n    \"palette\": {\n      \"title\": \"Commands and skills\",\n      \"commands\": \"Commands\",\n      \"skills\": \"Skills\",\n      \"noSkills\": \"No skills are granted to you\",\n      \"empty\": \"Nothing found\"\n    },\n    \"unknownCommand\": \"Unknown command {name}\",\n    \"sendAsText\": \"Send as text\",\n    \"skillPlaceholder\": \"What to do with the skill?\",\n    \"context\": {\n      \"meter\": \"Context: {used} of {total} tokens ({pct}%)\",\n      \"full\": \"Answers get more expensive and the agent may get confused.\",\n      \"compact\": \"Compact\",\n      \"reset\": \"Start over\"\n    },\n    \"event\": {\n      \"details\": \"Summary\"\n    },\n    \"files\": {\n      \"open\": \"Open {name}\",\n      \"download\": \"Download\",\n      \"failed\": \"Could not open the file\",\n      \"tooLarge\": \"The file is too large to preview — download it\",\n      \"save\": \"Download {name}\",\n      \"notUtf8\": \"The file is not in UTF-8 — download it\",\n      \"rows\": \"Showing {shown} of {total, plural, one {# row} other {# rows}}\",\n      \"source\": \"Code\",\n      \"page\": \"Page\"\n    }\n  }\n}\n","{\n  \"loading\": \"Загрузка…\",\n  \"cancel\": \"Отмена\",\n  \"create\": \"Создать\",\n  \"close\": \"Закрыть\",\n  \"delete\": \"Удалить\",\n  \"remove\": \"Убрать\",\n  \"agentName\": \"Имя агента\",\n  \"topbar\": {\n    \"sections\": \"Разделы\",\n    \"profile\": \"Профиль\"\n  },\n  \"chat\": {\n    \"title\": \"Чат\",\n    \"conversations\": \"Разговоры\",\n    \"conversation\": \"Разговор\",\n    \"topics\": \"Темы\",\n    \"archive\": \"Архив\",\n    \"noTopics\": \"Тем пока нет\",\n    \"newTopic\": \"Новая тема\",\n    \"topicTitle\": \"Тема\",\n    \"topicHint\": \"У темы своя история, а память и пространство — те же.\",\n    \"loadOlder\": \"Более ранние сообщения\",\n    \"emptyTitle\": \"Привет, я {name}\",\n    \"placeholder\": \"Сообщение для {name}…\",\n    \"send\": \"Отправить\",\n    \"attach\": \"Прикрепить файлы\",\n    \"typing\": \"Агент печатает\",\n    \"moreSteps\": \"{count, plural, one {ещё # шаг} few {ещё # шага} many {ещё # шагов} other {ещё # шага}}\",\n    \"hideSteps\": \"Скрыть шаги\",\n    \"unread\": \"{count, plural, one {# непрочитанный ответ} few {# непрочитанных ответа} many {# непрочитанных ответов} other {# непрочитанных ответа}}\",\n    \"retry\": \"Повторить\",\n    \"tooLarge\": \"Файл слишком большой.\",\n    \"stop\": \"Остановить\",\n    \"voice\": {\n      \"hold\": \"Удерживайте для записи\",\n      \"stop\": \"Остановить запись\",\n      \"recording\": \"Запись… {seconds} с\",\n      \"review\": \"Проверьте расшифровку перед отправкой\",\n      \"notRecognized\": \"Речь не распознана\",\n      \"micDenied\": \"Нет доступа к микрофону\",\n      \"unsupported\": \"Голосовой ввод не поддерживается этим браузером\",\n      \"start\": \"Записать голосом\",\n      \"done\": \"Стоп\",\n      \"recognizing\": \"Распознаём…\",\n      \"recordingNow\": \"Запись\",\n      \"failed\": \"Не удалось распознать голосовое сообщение\",\n      \"retry\": \"Повторить\"\n    },\n    \"confirm\": {\n      \"title\": \"Подтвердите действие\",\n      \"text\": \"Агент хочет выполнить: {action}\",\n      \"approve\": \"Выполнить\",\n      \"reject\": \"Отклонить\"\n    },\n    \"wait\": {\n      \"starting\": \"Агент запускается…\",\n      \"queued\": \"{count, plural, =0 {В очереди · вы следующий} other {В очереди · перед вами #}}\"\n    },\n    \"palette\": {\n      \"title\": \"Команды и скиллы\",\n      \"commands\": \"Команды\",\n      \"skills\": \"Скиллы\",\n      \"noSkills\": \"Вам не выдан ни один скилл\",\n      \"empty\": \"Ничего не найдено\"\n    },\n    \"unknownCommand\": \"Неизвестная команда {name}\",\n    \"sendAsText\": \"Отправить как текст\",\n    \"skillPlaceholder\": \"Что сделать по скиллу?\",\n    \"context\": {\n      \"meter\": \"Контекст: {used} из {total} токенов ({pct} %)\",\n      \"full\": \"Ответы дорожают, агент может путаться.\",\n      \"compact\": \"Сжать\",\n      \"reset\": \"Начать заново\"\n    },\n    \"event\": {\n      \"details\": \"Изложение\"\n    },\n    \"files\": {\n      \"open\": \"Открыть {name}\",\n      \"download\": \"Скачать\",\n      \"failed\": \"Не удалось открыть файл\",\n      \"tooLarge\": \"Файл слишком большой для просмотра — скачайте его\",\n      \"save\": \"Скачать {name}\",\n      \"notUtf8\": \"Файл не в кодировке UTF-8 — скачайте его\",\n      \"rows\": \"Показаны {shown} из {total, plural, one {# строки} other {# строк}}\",\n      \"source\": \"Код\",\n      \"page\": \"Страница\"\n    }\n  }\n}\n","{\n  \"loading\": \"Wird geladen…\",\n  \"cancel\": \"Abbrechen\",\n  \"create\": \"Erstellen\",\n  \"close\": \"Schließen\",\n  \"delete\": \"Löschen\",\n  \"remove\": \"Entfernen\",\n  \"agentName\": \"Name des Agenten\",\n  \"topbar\": {\n    \"sections\": \"Bereiche\",\n    \"profile\": \"Profil\"\n  },\n  \"chat\": {\n    \"title\": \"Chat\",\n    \"conversations\": \"Gespräche\",\n    \"conversation\": \"Gespräch\",\n    \"topics\": \"Themen\",\n    \"archive\": \"Archiv\",\n    \"noTopics\": \"Noch keine Themen\",\n    \"newTopic\": \"Neues Thema\",\n    \"topicTitle\": \"Thema\",\n    \"topicHint\": \"Ein Thema hat einen eigenen Verlauf, aber dasselbe Gedächtnis und denselben Arbeitsbereich.\",\n    \"loadOlder\": \"Frühere Nachrichten\",\n    \"emptyTitle\": \"Hallo, ich bin {name}\",\n    \"placeholder\": \"Nachricht an {name}…\",\n    \"send\": \"Senden\",\n    \"attach\": \"Dateien anhängen\",\n    \"typing\": \"Der Agent schreibt\",\n    \"moreSteps\": \"{count, plural, one {# weiterer Schritt} other {# weitere Schritte}}\",\n    \"hideSteps\": \"Schritte ausblenden\",\n    \"unread\": \"{count, plural, one {# ungelesene Antwort} other {# ungelesene Antworten}}\",\n    \"retry\": \"Wiederholen\",\n    \"tooLarge\": \"Die Datei ist zu groß.\",\n    \"stop\": \"Stoppen\",\n    \"voice\": {\n      \"hold\": \"Zum Aufnehmen gedrückt halten\",\n      \"stop\": \"Aufnahme beenden\",\n      \"recording\": \"Aufnahme… {seconds} s\",\n      \"review\": \"Prüfen Sie die Transkription vor dem Senden\",\n      \"notRecognized\": \"Die Sprache wurde nicht erkannt\",\n      \"micDenied\": \"Kein Zugriff auf das Mikrofon\",\n      \"unsupported\": \"Spracheingabe wird von diesem Browser nicht unterstützt\",\n      \"start\": \"Sprachnachricht aufnehmen\",\n      \"done\": \"Stopp\",\n      \"recognizing\": \"Wird erkannt…\",\n      \"recordingNow\": \"Aufnahme\",\n      \"failed\": \"Die Sprachnachricht konnte nicht erkannt werden\",\n      \"retry\": \"Wiederholen\"\n    },\n    \"confirm\": {\n      \"title\": \"Aktion bestätigen\",\n      \"text\": \"Der Agent möchte ausführen: {action}\",\n      \"approve\": \"Ausführen\",\n      \"reject\": \"Ablehnen\"\n    },\n    \"wait\": {\n      \"starting\": \"Der Agent startet…\",\n      \"queued\": \"{count, plural, =0 {In der Warteschlange · Sie sind als Nächstes dran} other {In der Warteschlange · # vor Ihnen}}\"\n    },\n    \"palette\": {\n      \"title\": \"Befehle und Skills\",\n      \"commands\": \"Befehle\",\n      \"skills\": \"Skills\",\n      \"noSkills\": \"Ihnen ist kein Skill freigegeben\",\n      \"empty\": \"Nichts gefunden\"\n    },\n    \"unknownCommand\": \"Unbekannter Befehl {name}\",\n    \"sendAsText\": \"Als Text senden\",\n    \"skillPlaceholder\": \"Was soll mit dem Skill getan werden?\",\n    \"context\": {\n      \"meter\": \"Kontext: {used} von {total} Tokens ({pct} %)\",\n      \"full\": \"Antworten werden teurer, der Agent kann durcheinanderkommen.\",\n      \"compact\": \"Komprimieren\",\n      \"reset\": \"Neu beginnen\"\n    },\n    \"event\": {\n      \"details\": \"Zusammenfassung\"\n    },\n    \"files\": {\n      \"open\": \"{name} öffnen\",\n      \"download\": \"Herunterladen\",\n      \"failed\": \"Die Datei konnte nicht geöffnet werden\",\n      \"tooLarge\": \"Die Datei ist zu groß für die Vorschau — bitte herunterladen\",\n      \"save\": \"{name} herunterladen\",\n      \"notUtf8\": \"Die Datei ist nicht in UTF-8 — bitte herunterladen\",\n      \"rows\": \"{shown} von {total, plural, one {# Zeile} other {# Zeilen}} angezeigt\",\n      \"source\": \"Code\",\n      \"page\": \"Seite\"\n    }\n  }\n}\n","{\n  \"loading\": \"Cargando…\",\n  \"cancel\": \"Cancelar\",\n  \"create\": \"Crear\",\n  \"close\": \"Cerrar\",\n  \"delete\": \"Eliminar\",\n  \"remove\": \"Quitar\",\n  \"agentName\": \"Nombre del agente\",\n  \"topbar\": {\n    \"sections\": \"Secciones\",\n    \"profile\": \"Perfil\"\n  },\n  \"chat\": {\n    \"title\": \"Chat\",\n    \"conversations\": \"Conversaciones\",\n    \"conversation\": \"Conversación\",\n    \"topics\": \"Temas\",\n    \"archive\": \"Archivo\",\n    \"noTopics\": \"Aún no hay temas\",\n    \"newTopic\": \"Nuevo tema\",\n    \"topicTitle\": \"Tema\",\n    \"topicHint\": \"Un tema tiene su propio historial y la misma memoria y espacio.\",\n    \"loadOlder\": \"Mensajes anteriores\",\n    \"emptyTitle\": \"Hola, soy {name}\",\n    \"placeholder\": \"Mensaje para {name}…\",\n    \"send\": \"Enviar\",\n    \"attach\": \"Adjuntar archivos\",\n    \"typing\": \"El agente está escribiendo\",\n    \"moreSteps\": \"{count, plural, one {# paso más} other {# pasos más}}\",\n    \"hideSteps\": \"Ocultar pasos\",\n    \"unread\": \"{count, plural, one {# respuesta sin leer} other {# respuestas sin leer}}\",\n    \"retry\": \"Reintentar\",\n    \"tooLarge\": \"El archivo es demasiado grande.\",\n    \"stop\": \"Detener\",\n    \"voice\": {\n      \"hold\": \"Mantenga pulsado para grabar\",\n      \"stop\": \"Detener la grabación\",\n      \"recording\": \"Grabando… {seconds} s\",\n      \"review\": \"Revise la transcripción antes de enviar\",\n      \"notRecognized\": \"No se reconoció la voz\",\n      \"micDenied\": \"Sin acceso al micrófono\",\n      \"unsupported\": \"Este navegador no admite la entrada de voz\",\n      \"start\": \"Grabar un mensaje de voz\",\n      \"done\": \"Detener\",\n      \"recognizing\": \"Reconociendo…\",\n      \"recordingNow\": \"Grabando\",\n      \"failed\": \"No se pudo reconocer el mensaje de voz\",\n      \"retry\": \"Reintentar\"\n    },\n    \"confirm\": {\n      \"title\": \"Confirme la acción\",\n      \"text\": \"El agente quiere ejecutar: {action}\",\n      \"approve\": \"Ejecutar\",\n      \"reject\": \"Rechazar\"\n    },\n    \"wait\": {\n      \"starting\": \"El agente se está iniciando…\",\n      \"queued\": \"{count, plural, =0 {En cola · usted es el siguiente} other {En cola · # por delante}}\"\n    },\n    \"palette\": {\n      \"title\": \"Comandos y skills\",\n      \"commands\": \"Comandos\",\n      \"skills\": \"Skills\",\n      \"noSkills\": \"No tiene skills disponibles\",\n      \"empty\": \"No se encontró nada\"\n    },\n    \"unknownCommand\": \"Comando desconocido {name}\",\n    \"sendAsText\": \"Enviar como texto\",\n    \"skillPlaceholder\": \"¿Qué hacer con el skill?\",\n    \"context\": {\n      \"meter\": \"Contexto: {used} de {total} tokens ({pct} %)\",\n      \"full\": \"Las respuestas se encarecen y el agente puede confundirse.\",\n      \"compact\": \"Compactar\",\n      \"reset\": \"Empezar de nuevo\"\n    },\n    \"event\": {\n      \"details\": \"Resumen\"\n    },\n    \"files\": {\n      \"open\": \"Abrir {name}\",\n      \"download\": \"Descargar\",\n      \"failed\": \"No se pudo abrir el archivo\",\n      \"tooLarge\": \"El archivo es demasiado grande para la vista previa: descárguelo\",\n      \"save\": \"Descargar {name}\",\n      \"notUtf8\": \"El archivo no está en UTF-8: descárguelo\",\n      \"rows\": \"Se muestran {shown} de {total, plural, one {# fila} other {# filas}}\",\n      \"source\": \"Código\",\n      \"page\": \"Página\"\n    }\n  }\n}\n","{\n  \"loading\": \"加载中…\",\n  \"cancel\": \"取消\",\n  \"create\": \"创建\",\n  \"close\": \"关闭\",\n  \"delete\": \"删除\",\n  \"remove\": \"移除\",\n  \"agentName\": \"智能体名称\",\n  \"topbar\": {\n    \"sections\": \"栏目\",\n    \"profile\": \"个人资料\"\n  },\n  \"chat\": {\n    \"title\": \"聊天\",\n    \"conversations\": \"对话\",\n    \"conversation\": \"对话\",\n    \"topics\": \"话题\",\n    \"archive\": \"归档\",\n    \"noTopics\": \"暂无话题\",\n    \"newTopic\": \"新话题\",\n    \"topicTitle\": \"话题\",\n    \"topicHint\": \"话题有独立的历史记录，记忆和空间与主对话相同。\",\n    \"loadOlder\": \"更早的消息\",\n    \"emptyTitle\": \"你好，我是 {name}\",\n    \"placeholder\": \"给 {name} 发消息…\",\n    \"send\": \"发送\",\n    \"attach\": \"附加文件\",\n    \"typing\": \"智能体正在输入\",\n    \"moreSteps\": \"{count, plural, other {另外 # 个步骤}}\",\n    \"hideSteps\": \"隐藏步骤\",\n    \"unread\": \"{count} 条未读回复\",\n    \"retry\": \"重试\",\n    \"tooLarge\": \"文件太大。\",\n    \"stop\": \"停止\",\n    \"voice\": {\n      \"hold\": \"按住录音\",\n      \"stop\": \"停止录音\",\n      \"recording\": \"录音中… {seconds} 秒\",\n      \"review\": \"发送前请检查转写文本\",\n      \"notRecognized\": \"未能识别语音\",\n      \"micDenied\": \"无法访问麦克风\",\n      \"unsupported\": \"此浏览器不支持语音输入\",\n      \"start\": \"录制语音\",\n      \"done\": \"停止\",\n      \"recognizing\": \"正在识别…\",\n      \"recordingNow\": \"录音中\",\n      \"failed\": \"无法识别语音消息\",\n      \"retry\": \"重试\"\n    },\n    \"confirm\": {\n      \"title\": \"确认操作\",\n      \"text\": \"代理想要执行：{action}\",\n      \"approve\": \"执行\",\n      \"reject\": \"拒绝\"\n    },\n    \"wait\": {\n      \"starting\": \"代理正在启动…\",\n      \"queued\": \"{count, plural, =0 {排队中 · 您是下一位} other {排队中 · 前面还有 # 位}}\"\n    },\n    \"palette\": {\n      \"title\": \"命令和技能\",\n      \"commands\": \"命令\",\n      \"skills\": \"技能\",\n      \"noSkills\": \"您没有可用的技能\",\n      \"empty\": \"未找到\"\n    },\n    \"unknownCommand\": \"未知命令 {name}\",\n    \"sendAsText\": \"作为文本发送\",\n    \"skillPlaceholder\": \"用这个技能做什么？\",\n    \"context\": {\n      \"meter\": \"上下文：{used} / {total} 个令牌（{pct}%）\",\n      \"full\": \"回答变得更贵，代理可能会混淆。\",\n      \"compact\": \"压缩\",\n      \"reset\": \"重新开始\"\n    },\n    \"event\": {\n      \"details\": \"摘要\"\n    },\n    \"files\": {\n      \"open\": \"打开 {name}\",\n      \"download\": \"下载\",\n      \"failed\": \"无法打开文件\",\n      \"tooLarge\": \"文件太大，无法预览，请下载\",\n      \"save\": \"下载 {name}\",\n      \"notUtf8\": \"文件不是 UTF-8 编码，请下载\",\n      \"rows\": \"显示 {total} 行中的 {shown} 行\",\n      \"source\": \"代码\",\n      \"page\": \"页面\"\n    }\n  }\n}\n","import en from \"./en.json\";\nimport ru from \"./ru.json\";\nimport de from \"./de.json\";\nimport es from \"./es.json\";\nimport zh from \"./zh.json\";\n\n/** Strings of the components in the five languages of the products. A product adds\n * them to its i18next instance under the namespace `uikit`. */\nexport const resources = { en, ru, de, es, zh };\nexport type KitLanguage = keyof typeof resources;\nexport { UIKIT_NS } from \"../i18n\";\n"],"mappings":";;;AKQA,IAAaiC,IAAY;CAAE,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;CAAI,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;CAAI,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;CAAI,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;CAAI,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAA;AAAG"}

package/dist/manifest.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.3.0",
+  "version": "1.5.0",
   "classes": [
     "a",
     "action",
@@ -17,6 +17,8 @@
     "app",
     "arch",
     "att-cap",
+    "att-html",
+    "att-htmlbox",
     "att-ic",
     "att-img",
     "att-kl",
@@ -93,10 +95,12 @@
     "hide-m",
     "hint",
     "hintbox",
+    "html",
     "i",
     "ic",
     "iconbtn",
     "image",
+    "in-burger",
     "inherit",
     "inp",
     "it",
@@ -216,6 +220,8 @@
     "agentoptions",
     "app",
     "att-cap",
+    "att-html",
+    "att-htmlbox",
     "att-ic",
     "att-img",
     "att-kl",

package/dist/styles.css

@@ -495,6 +495,9 @@ h3.sec {
   inset: 0;
   background: var(--overlay);
   display: grid;
+  /* the column is never wider than the screen: wide content (code, a table)
+     scrolls inside the modal instead of pushing it past the edges */
+  grid-template-columns: minmax(0, 1fr);
   place-items: center;
   padding: 24px;
   z-index: 50;
@@ -693,11 +696,20 @@ textarea.inp {
   border-radius: var(--r-m);
   padding: 8px 10px;
   font-size: 14px;
+  line-height: 20px;
   min-height: 38px;
-  max-height: 160px;
+  /* three lines: the field grows up to them, then scrolls (FTR.NAB.CHAT-0001 design §3.1) */
+  max-height: calc(3 * 20px + 18px);
+  overflow-y: auto;
   resize: none;
   background: var(--surface);
 }
+/* the focus is the border of the field itself: a ring around a growing field read as a second frame */
+.composer textarea:focus-visible {
+  outline: none;
+  border-color: var(--violet);
+  box-shadow: 0 0 0 1px var(--violet);
+}
 .composer .rec-box {
   flex: 1;
   color: var(--red);
@@ -944,6 +956,9 @@ table.t tr.clickable {
 .side .lab {
     display: none;
   }
+.side.in-burger {
+    display: none;
+  }
 }
 @media (prefers-reduced-motion: reduce) {
 * {
@@ -1031,10 +1046,34 @@ table.t tr.clickable {
   font-size: 15px;
   color: var(--text);
 }
-.navmenu a.on {
+.navmenu a.on,
+
+/* the navigation of a part of the product behind the burger: a column, with its title */
+.navmenu .side {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  min-width: 240px;
+  max-height: calc(100vh - 96px);
+  overflow-y: auto;
+  padding: 0;
+  border: 0;
+  background: none;
+}
+.navmenu .side .lab {
+  display: block;
+  padding: 6px 12px 4px;
+}
+.navmenu .side a {
+  padding: 10px 12px;
+  font-size: 15px;
+  color: var(--text);
+}
+.navmenu .side a.active {
   background: var(--violet-soft);
   color: var(--violet-text);
   font-weight: 600;
+  box-shadow: none;
 }
 .kpi {
   display: grid;
@@ -1382,16 +1421,21 @@ select.inp.inherit {
 .att-tile.pdf .att-ic{background:var(--red-soft);color:var(--red)}.att-tile.pdf .att-kl{background:var(--red)}
 .att-tile.markdown .att-ic,.att-tile.image .att-ic{background:var(--violet-soft);color:var(--violet)}.att-tile.markdown .att-kl,.att-tile.image .att-kl{background:var(--violet)}
 .att-tile.table .att-ic{background:var(--green-soft);color:var(--green)}.att-tile.table .att-kl{background:var(--green)}
+.att-tile.html .att-ic{background:var(--amber-soft);color:var(--amber)}.att-tile.html .att-kl{background:var(--amber)}
 .att-tile.dl .att-ic{color:var(--muted)}.att-tile.dl .att-kl{background:var(--muted)}
 .att-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .att-title{display:flex;align-items:baseline;gap:10px;min-width:0}
-.att-view{display:grid;place-items:center;min-height:200px}
+.att-view{display:grid;place-items:center;min-height:200px;min-width:0}
 .att-img{max-width:100%;max-height:70vh;object-fit:contain;border-radius:var(--r-m)}
 .att-pdf{width:100%;height:70vh;border:1px solid var(--border);border-radius:var(--r-m);background:var(--surface)}
 .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{display:block}
+.att-view.table,.att-view.text,.att-view.html{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}
 .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.3.0",
+  "version": "1.5.0",
   "description": "UI kit of the Nabu and Hammurapi products: styles, components, the chat and the sign-in screen",
   "license": "Apache-2.0",
   "repository": {