@signalcore/ui 0.1.0 → 1.0.0-beta.0

package/dist/about.js

@@ -0,0 +1,136 @@
+import { formatSize } from "./kit/numbers.js";
+//#region src/about.ts
+/**
+* Qué puede: what an agent says about itself and the facts it rests on (`GET /agents/{id}/about`,
+* `POST /agents/{id}/describe`). The words are the model's, written from the agent's folder and
+* stale the moment it changes; the facts are the platform's, read each time.
+*/
+/** The marks the package draws (a topic's, an automation's kind, a note's tone). */
+const ICONS = [
+	"message",
+	"phone",
+	"mail",
+	"calendar",
+	"clock",
+	"search",
+	"file",
+	"table",
+	"bell",
+	"hand",
+	"user",
+	"globe",
+	"code",
+	"lock",
+	"cart",
+	"card",
+	"map",
+	"check",
+	"warning",
+	"sparkle"
+];
+/** An app of the agent's as people write it: its provider's name, else its alias made words. */
+const appTitle = (connection) => connection.title ?? toolName(connection.name);
+/** A tool of an app as people read it: its provider's name for it, else its own made words. */
+const toolTitle = (connection, action) => connection.titles?.[action] ?? toolName(action);
+/** A tool of an app as a person reads it: `Gmail.SendEmail` is "Send email". */
+function toolName(action) {
+	const words = action.slice(action.lastIndexOf(".") + 1).replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/_/g, " ").toLowerCase();
+	return words.charAt(0).toUpperCase() + words.slice(1);
+}
+/**
+* An action's name made words, for one nobody named: `ver_hoja` is "Ver hoja"; an app's tool
+* as the model calls it, `gmail__GMAIL_SEND_EMAIL`, is "Send email (Gmail)".
+*/
+function actionWords(name) {
+	const split = name.indexOf("__");
+	if (split < 0) return toolName(name);
+	const tool = name.slice(split + 2);
+	return `${toolName(tool.slice(tool.indexOf("_") + 1) || tool)} (${toolName(name.slice(0, split))})`;
+}
+/** The longest name the model takes for a tool (`app/connections` cuts there too). */
+const MAX_TOOL_NAME = 64;
+/** `gmail` + `Gmail.SendEmail` → `gmail__Gmail_SendEmail`: the tool the model is given. */
+const generatedName = (alias, action) => `${alias}__${action.replace(/[^A-Za-z0-9_]/g, "_")}`.slice(0, MAX_TOOL_NAME);
+/**
+* The tools the agent's apps give it, by the names the model calls them, in words: the
+* provider's for the tool and the app's ("List Events (Google Calendar)"), as a chat's steps
+* read them (`ChatMessages.steps`).
+*/
+function appSteps(connections) {
+	return Object.fromEntries(connections.flatMap((connection) => connection.actions.map((action) => [generatedName(connection.name, action), `${toolTitle(connection, action)} (${appTitle(connection)})`])));
+}
+/** The topics in the order the panel lists them. */
+const TOPICS = [
+	"apps",
+	"tools",
+	"knowledge",
+	"learning",
+	"channels",
+	"keys"
+];
+/**
+* The agent's automations, in their order, each with the agent's line about it (matched by id):
+* one added since the words were written has none yet, and a line for one since removed is
+* dropped.
+*/
+function automationsOf(about, facts) {
+	const lines = new Map((about?.does ?? []).map((line) => [line.automation, line]));
+	return facts.automations.map((automation) => ({
+		automation,
+		line: lines.get(automation.id)
+	}));
+}
+/** How many things a topic holds: the tools that are on, the rest whole. */
+function countOf(topic, facts) {
+	return namesOf(topic, facts, (action) => action.name).length;
+}
+/**
+* The names of what a topic holds, in order, as its row in the panel previews them: an app by its
+* name, a tool by `label` (the host's words for the shipped ones), a file by its path and a table
+* by its title, what it learned by the line itself.
+*/
+function namesOf(topic, facts, label) {
+	switch (topic) {
+		case "apps": return facts.connections.map(appTitle);
+		case "tools": return facts.actions.filter((action) => action.on).map(label);
+		case "knowledge": return [...facts.files.map((file) => file.path), ...facts.data.map((table) => table.title ?? table.table)];
+		case "learning": return facts.memories.map((memory) => memory.text);
+		case "channels": return [...facts.channels.map((channel) => channel.name), ...facts.devices.map((device) => device.name)];
+		case "keys": return facts.vault.map((secret) => secret.name);
+	}
+}
+/**
+* Which state the words are in: `writing` while there are none yet or the agent is writing them
+* anew (`loading`), `stale` when the agent changed since it wrote them, `fresh` otherwise.
+*/
+function aboutState(about, aboutAt, loading) {
+	if (about === null || loading) return "writing";
+	return aboutAt === null ? "stale" : "fresh";
+}
+const ON = /* @__PURE__ */ new Set([
+	"live",
+	"active",
+	"connected",
+	"on",
+	"ready",
+	"online"
+]);
+const OFF = /* @__PURE__ */ new Set([
+	"failed",
+	"error",
+	"disconnected",
+	"off",
+	"expired",
+	"broken"
+]);
+/** The tone of a channel's or a device's status, from the words the platform uses for it. */
+function toneOf(status) {
+	const word = status.trim().toLowerCase();
+	if (ON.has(word)) return "on";
+	if (OFF.has(word)) return "off";
+	return "quiet";
+}
+//#endregion
+export { ICONS, TOPICS, aboutState, actionWords, appSteps, appTitle, automationsOf, countOf, formatSize, generatedName, namesOf, toneOf, toolName, toolTitle };
+
+//# sourceMappingURL=about.js.map

package/dist/about.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"about.js","names":[],"sources":["../src/about.ts"],"sourcesContent":["/**\n * Qué puede: what an agent says about itself and the facts it rests on (`GET /agents/{id}/about`,\n * `POST /agents/{id}/describe`). The words are the model's, written from the agent's folder and\n * stale the moment it changes; the facts are the platform's, read each time.\n */\n\n/** The marks the package draws (a topic's, an automation's kind, a note's tone). */\nexport const ICONS = [\n  \"message\",\n  \"phone\",\n  \"mail\",\n  \"calendar\",\n  \"clock\",\n  \"search\",\n  \"file\",\n  \"table\",\n  \"bell\",\n  \"hand\",\n  \"user\",\n  \"globe\",\n  \"code\",\n  \"lock\",\n  \"cart\",\n  \"card\",\n  \"map\",\n  \"check\",\n  \"warning\",\n  \"sparkle\",\n] as const;\n\nexport type Icon = (typeof ICONS)[number];\n\n/** One automation as the agent tells it: what it does then, and when. */\nexport interface Does {\n  /** The automation's id. */\n  automation: string;\n  text: string;\n  /** When it runs, the way a person says it: \"Cada día a las 8:00\". */\n  when: string;\n}\n\n/** What the agent says about itself: a lead, what it does, what it asks leave for. */\nexport interface About {\n  /** Two or three sentences, first person, in the owner's language. */\n  summary: string;\n  does: Does[];\n  asks: string[];\n}\n\nexport type ActionSource = \"default\" | \"library\" | \"own\";\n\nexport interface ActionFact {\n  name: string;\n  description: string;\n  source: ActionSource;\n  on: boolean;\n  needs_approval: boolean;\n  destructive: boolean;\n  /** Its input as the model gets it (JSON Schema); left out by an API from before. */\n  input_schema?: Readonly<Record<string, unknown>> | undefined;\n}\n\nexport type AutomationKind = \"schedule\" | \"webhook\" | \"event\";\n\n/** Something the agent does on its own: at a time, when another system calls, on an event. */\nexport interface AutomationFact {\n  id: string;\n  /** Its file's name, `automations/<name>.py`: how its page is reached. */\n  name: string;\n  kind: AutomationKind;\n  title: string;\n  /** What it does, in the owner's words. */\n  summary: string;\n  /** The same words, for a reader of the older shape. */\n  say: string;\n  /** A cron line and its time zone, for one that runs at a time. */\n  schedule?: string | null | undefined;\n  timezone?: string | null | undefined;\n  /** Where another system calls it, for a webhook (a path on the API). */\n  url?: string | null | undefined;\n  /** For one on an app's event: the app (the connection's name), the event as its provider\n   * names it, and the app as its mark is drawn (`composio:gmail`, the provider's logo). */\n  app?: string | null | undefined;\n  /** The app as people write it (`Google Calendar`). */\n  app_title?: string | null | undefined;\n  event?: string | null | undefined;\n  provider?: string | undefined;\n  icon?: string | null | undefined;\n  /** Off: declared, but it doesn't run. */\n  on: boolean;\n  next_run_at?: string | null | undefined;\n}\n\nexport type Provider = \"arcade\" | \"composio\" | \"mcp\" | \"api\";\n\nexport interface ConnectionFact {\n  provider: Provider;\n  name: string;\n  /** The app, as the provider names it (`gmail`). */\n  toolkit?: string | undefined;\n  /** The app as people write it (`Google Calendar`). */\n  title?: string | undefined;\n  /** pending · active · error · disconnected */\n  status?: string | undefined;\n  /** The provider's names of what the agent may do in it (`Gmail.SendEmail`). */\n  actions: string[];\n  /** What the provider calls each of them for people (`List Events`), when it says. */\n  titles?: Readonly<Record<string, string>> | undefined;\n  /** A URL to the app's own mark, when the provider gives one. */\n  icon?: string | null | undefined;\n}\n\n/** An app of the agent's as people write it: its provider's name, else its alias made words. */\nexport const appTitle = (connection: ConnectionFact): string =>\n  connection.title ?? toolName(connection.name);\n\n/** A tool of an app as people read it: its provider's name for it, else its own made words. */\nexport const toolTitle = (connection: ConnectionFact, action: string): string =>\n  connection.titles?.[action] ?? toolName(action);\n\n/** A tool of an app as a person reads it: `Gmail.SendEmail` is \"Send email\". */\nexport function toolName(action: string): string {\n  const bare = action.slice(action.lastIndexOf(\".\") + 1);\n  const words = bare\n    .replace(/([a-z0-9])([A-Z])/g, \"$1 $2\")\n    .replace(/_/g, \" \")\n    .toLowerCase();\n  return words.charAt(0).toUpperCase() + words.slice(1);\n}\n\n/**\n * An action's name made words, for one nobody named: `ver_hoja` is \"Ver hoja\"; an app's tool\n * as the model calls it, `gmail__GMAIL_SEND_EMAIL`, is \"Send email (Gmail)\".\n */\nexport function actionWords(name: string): string {\n  const split = name.indexOf(\"__\");\n  if (split < 0) return toolName(name);\n  const tool = name.slice(split + 2);\n  const bare = tool.slice(tool.indexOf(\"_\") + 1) || tool;\n  return `${toolName(bare)} (${toolName(name.slice(0, split))})`;\n}\n\n/** The longest name the model takes for a tool (`app/connections` cuts there too). */\nconst MAX_TOOL_NAME = 64;\n\n/** `gmail` + `Gmail.SendEmail` → `gmail__Gmail_SendEmail`: the tool the model is given. */\nexport const generatedName = (alias: string, action: string): string =>\n  `${alias}__${action.replace(/[^A-Za-z0-9_]/g, \"_\")}`.slice(0, MAX_TOOL_NAME);\n\n/**\n * The tools the agent's apps give it, by the names the model calls them, in words: the\n * provider's for the tool and the app's (\"List Events (Google Calendar)\"), as a chat's steps\n * read them (`ChatMessages.steps`).\n */\nexport function appSteps(connections: readonly ConnectionFact[]): Record<string, string> {\n  return Object.fromEntries(\n    connections.flatMap((connection) =>\n      connection.actions.map((action) => [\n        generatedName(connection.name, action),\n        `${toolTitle(connection, action)} (${appTitle(connection)})`,\n      ]),\n    ),\n  );\n}\n\nexport type ChannelKind = \"whatsapp\" | \"instagram\" | \"email\" | \"sms\" | \"web\" | \"phone\";\n\nexport interface ChannelFact {\n  kind: ChannelKind;\n  name: string;\n  status: string;\n}\n\n/** A file the agent can read: its own, or one of the organization's, shared with every agent. */\nexport interface FileFact {\n  path: string;\n  size: number;\n  /** Text, Markdown, JSON, YAML or PDF, read by `search_files`; anything else is only kept. */\n  searchable: boolean;\n  /** The organization's, not the agent's own. */\n  shared: boolean;\n}\n\n/** A line the agent kept with `remember`. */\nexport interface MemoryFact {\n  id: string;\n  /** The agent that keeps it; the contact it is about, when it is about one. */\n  agent_id?: string | undefined;\n  contact_id?: string | null | undefined;\n  text: string;\n  created_at: string;\n}\n\n/** A key the agent may use: its own, or one of the organization's, shared with every agent. */\nexport interface VaultFact {\n  name: string;\n  /** The hosts it may be sent to. */\n  hosts?: string[] | undefined;\n  /** The organization's, not the agent's own. */\n  shared?: boolean | undefined;\n}\n\n/** A table of the organization's the agent may read or write (an agenda, the clients). */\nexport interface DataFact {\n  table: string;\n  /** Its name for people, when it has one. */\n  title?: string | null | undefined;\n  can: string[];\n}\n\nexport interface AskFact {\n  agent_id: string;\n  name: string;\n}\n\nexport type DeviceKind = \"extension\" | \"installer\";\n\nexport interface DeviceFact {\n  kind: DeviceKind;\n  name: string;\n  status: string;\n}\n\n/** What the agent has, every list present from day one; one whose phase has not come is empty. */\nexport interface Facts {\n  actions: ActionFact[];\n  automations: AutomationFact[];\n  connections: ConnectionFact[];\n  channels: ChannelFact[];\n  /** Its own first, then the organization's shared. */\n  files: FileFact[];\n  /** Newest first. */\n  memories: MemoryFact[];\n  vault: VaultFact[];\n  data: DataFact[];\n  asks: AskFact[];\n  devices: DeviceFact[];\n}\n\nexport interface AboutOut {\n  /** Null until the agent has written about itself once. */\n  about: About | null;\n  /** When the words were written; null when the folder changed since, so they are stale. */\n  about_at: string | null;\n  facts: Facts;\n}\n\n/**\n * What the panel lists of the facts beside what the agent does on its own, gathered into a few\n * things an owner reads at a glance: the apps it uses, its tools, what it knows (files and\n * tables), what it has learned, where it works (channels and devices), and its keys.\n */\nexport type Topic = \"apps\" | \"tools\" | \"knowledge\" | \"learning\" | \"channels\" | \"keys\";\n\n/** The topics in the order the panel lists them. */\nexport const TOPICS: readonly Topic[] = [\n  \"apps\",\n  \"tools\",\n  \"knowledge\",\n  \"learning\",\n  \"channels\",\n  \"keys\",\n];\n\n/** An automation with what the agent said about it, when it said something. */\nexport interface Told {\n  automation: AutomationFact;\n  line: Does | undefined;\n}\n\n/**\n * The agent's automations, in their order, each with the agent's line about it (matched by id):\n * one added since the words were written has none yet, and a line for one since removed is\n * dropped.\n */\nexport function automationsOf(about: About | null, facts: Facts): Told[] {\n  const lines = new Map((about?.does ?? []).map((line) => [line.automation, line]));\n  return facts.automations.map((automation) => ({ automation, line: lines.get(automation.id) }));\n}\n\n/** How many things a topic holds: the tools that are on, the rest whole. */\nexport function countOf(topic: Topic, facts: Facts): number {\n  return namesOf(topic, facts, (action) => action.name).length;\n}\n\n/**\n * The names of what a topic holds, in order, as its row in the panel previews them: an app by its\n * name, a tool by `label` (the host's words for the shipped ones), a file by its path and a table\n * by its title, what it learned by the line itself.\n */\nexport function namesOf(\n  topic: Topic,\n  facts: Facts,\n  label: (action: ActionFact) => string,\n): string[] {\n  switch (topic) {\n    case \"apps\":\n      return facts.connections.map(appTitle);\n    case \"tools\":\n      return facts.actions.filter((action) => action.on).map(label);\n    case \"knowledge\":\n      return [\n        ...facts.files.map((file) => file.path),\n        ...facts.data.map((table) => table.title ?? table.table),\n      ];\n    case \"learning\":\n      return facts.memories.map((memory) => memory.text);\n    case \"channels\":\n      return [\n        ...facts.channels.map((channel) => channel.name),\n        ...facts.devices.map((device) => device.name),\n      ];\n    case \"keys\":\n      return facts.vault.map((secret) => secret.name);\n  }\n}\n\nexport type AboutState = \"writing\" | \"stale\" | \"fresh\";\n\n/**\n * Which state the words are in: `writing` while there are none yet or the agent is writing them\n * anew (`loading`), `stale` when the agent changed since it wrote them, `fresh` otherwise.\n */\nexport function aboutState(\n  about: About | null,\n  aboutAt: string | null,\n  loading: boolean,\n): AboutState {\n  if (about === null || loading) return \"writing\";\n  return aboutAt === null ? \"stale\" : \"fresh\";\n}\n\n/** A file's size as people read it (the kit's, where the file chips draw it). */\nexport { formatSize } from \"./kit/numbers\";\n\n/** How a status reads beside its words: working, broken, or neither. */\nexport type StatusTone = \"on\" | \"off\" | \"quiet\";\n\nconst ON: ReadonlySet<string> = new Set([\"live\", \"active\", \"connected\", \"on\", \"ready\", \"online\"]);\nconst OFF: ReadonlySet<string> = new Set([\n  \"failed\",\n  \"error\",\n  \"disconnected\",\n  \"off\",\n  \"expired\",\n  \"broken\",\n]);\n\n/** The tone of a channel's or a device's status, from the words the platform uses for it. */\nexport function toneOf(status: string): StatusTone {\n  const word = status.trim().toLowerCase();\n  if (ON.has(word)) return \"on\";\n  if (OFF.has(word)) return \"off\";\n  return \"quiet\";\n}\n"],"mappings":";;;;;;;;AAOA,MAAa,QAAQ;CACnB;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF;;AAqFA,MAAa,YAAY,eACvB,WAAW,SAAS,SAAS,WAAW,IAAI;;AAG9C,MAAa,aAAa,YAA4B,WACpD,WAAW,SAAS,WAAW,SAAS,MAAM;;AAGhD,SAAgB,SAAS,QAAwB;CAE/C,MAAM,QADO,OAAO,MAAM,OAAO,YAAY,GAAG,IAAI,CACnC,CAAC,CACf,QAAQ,sBAAsB,OAAO,CAAC,CACtC,QAAQ,MAAM,GAAG,CAAC,CAClB,YAAY;CACf,OAAO,MAAM,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,MAAM,MAAM,CAAC;AACtD;;;;;AAMA,SAAgB,YAAY,MAAsB;CAChD,MAAM,QAAQ,KAAK,QAAQ,IAAI;CAC/B,IAAI,QAAQ,GAAG,OAAO,SAAS,IAAI;CACnC,MAAM,OAAO,KAAK,MAAM,QAAQ,CAAC;CAEjC,OAAO,GAAG,SADG,KAAK,MAAM,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,IAC3B,EAAE,IAAI,SAAS,KAAK,MAAM,GAAG,KAAK,CAAC,EAAE;AAC9D;;AAGA,MAAM,gBAAgB;;AAGtB,MAAa,iBAAiB,OAAe,WAC3C,GAAG,MAAM,IAAI,OAAO,QAAQ,kBAAkB,GAAG,IAAI,MAAM,GAAG,aAAa;;;;;;AAO7E,SAAgB,SAAS,aAAgE;CACvF,OAAO,OAAO,YACZ,YAAY,SAAS,eACnB,WAAW,QAAQ,KAAK,WAAW,CACjC,cAAc,WAAW,MAAM,MAAM,GACrC,GAAG,UAAU,YAAY,MAAM,EAAE,IAAI,SAAS,UAAU,EAAE,EAC5D,CAAC,CACH,CACF;AACF;;AA4FA,MAAa,SAA2B;CACtC;CACA;CACA;CACA;CACA;CACA;AACF;;;;;;AAaA,SAAgB,cAAc,OAAqB,OAAsB;CACvE,MAAM,QAAQ,IAAI,KAAK,OAAO,QAAQ,CAAC,EAAA,CAAG,KAAK,SAAS,CAAC,KAAK,YAAY,IAAI,CAAC,CAAC;CAChF,OAAO,MAAM,YAAY,KAAK,gBAAgB;EAAE;EAAY,MAAM,MAAM,IAAI,WAAW,EAAE;CAAE,EAAE;AAC/F;;AAGA,SAAgB,QAAQ,OAAc,OAAsB;CAC1D,OAAO,QAAQ,OAAO,QAAQ,WAAW,OAAO,IAAI,CAAC,CAAC;AACxD;;;;;;AAOA,SAAgB,QACd,OACA,OACA,OACU;CACV,QAAQ,OAAR;EACE,KAAK,QACH,OAAO,MAAM,YAAY,IAAI,QAAQ;EACvC,KAAK,SACH,OAAO,MAAM,QAAQ,QAAQ,WAAW,OAAO,EAAE,CAAC,CAAC,IAAI,KAAK;EAC9D,KAAK,aACH,OAAO,CACL,GAAG,MAAM,MAAM,KAAK,SAAS,KAAK,IAAI,GACtC,GAAG,MAAM,KAAK,KAAK,UAAU,MAAM,SAAS,MAAM,KAAK,CACzD;EACF,KAAK,YACH,OAAO,MAAM,SAAS,KAAK,WAAW,OAAO,IAAI;EACnD,KAAK,YACH,OAAO,CACL,GAAG,MAAM,SAAS,KAAK,YAAY,QAAQ,IAAI,GAC/C,GAAG,MAAM,QAAQ,KAAK,WAAW,OAAO,IAAI,CAC9C;EACF,KAAK,QACH,OAAO,MAAM,MAAM,KAAK,WAAW,OAAO,IAAI;CAClD;AACF;;;;;AAQA,SAAgB,WACd,OACA,SACA,SACY;CACZ,IAAI,UAAU,QAAQ,SAAS,OAAO;CACtC,OAAO,YAAY,OAAO,UAAU;AACtC;AAQA,MAAM,qBAA0B,IAAI,IAAI;CAAC;CAAQ;CAAU;CAAa;CAAM;CAAS;AAAQ,CAAC;AAChG,MAAM,sBAA2B,IAAI,IAAI;CACvC;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;;AAGD,SAAgB,OAAO,QAA4B;CACjD,MAAM,OAAO,OAAO,KAAK,CAAC,CAAC,YAAY;CACvC,IAAI,GAAG,IAAI,IAAI,GAAG,OAAO;CACzB,IAAI,IAAI,IAAI,IAAI,GAAG,OAAO;CAC1B,OAAO;AACT"}

package/dist/agentIcons.d.ts

@@ -0,0 +1,33 @@
+import { Icon } from "@phosphor-icons/react";
+//#region src/agentIcons.d.ts
+/**
+ * The marks an agent goes by: a glyph for the work it does (appointments, reception, sales…), on
+ * the tint it keeps everywhere (`agentTint`). It picks one itself the first time it describes
+ * itself; the owner changes it through the builder. One to one with the API's `AgentIcon`.
+ */
+export declare const AGENT_ICONS: {
+  readonly sparkle: Icon;
+  readonly calendar: Icon;
+  readonly headset: Icon;
+  readonly message: Icon;
+  readonly phone: Icon;
+  readonly mail: Icon;
+  readonly cart: Icon;
+  readonly card: Icon;
+  readonly chart: Icon;
+  readonly megaphone: Icon;
+  readonly wrench: Icon;
+  readonly briefcase: Icon;
+  readonly heart: Icon;
+  readonly user: Icon;
+  readonly search: Icon;
+  readonly file: Icon;
+  readonly globe: Icon;
+  readonly code: Icon;
+  readonly map: Icon;
+};
+export type AgentIcon = keyof typeof AGENT_ICONS;
+/** An agent's glyph; a sparkle until it has picked one (or for a mark this package predates). */
+export declare function agentGlyph(icon: string | null | undefined): Icon;
+//#endregion
+//# sourceMappingURL=agentIcons.d.ts.map

package/dist/agentIcons.js

@@ -0,0 +1,36 @@
+import { BriefcaseIcon, CalendarBlankIcon, ChartLineUpIcon, ChatCircleIcon, CodeIcon, CreditCardIcon, EnvelopeSimpleIcon, FileTextIcon, GlobeIcon, HeadsetIcon, HeartIcon, MagnifyingGlassIcon, MapPinIcon, MegaphoneIcon, PhoneIcon, ShoppingCartIcon, SparkleIcon, UserIcon, WrenchIcon } from "@phosphor-icons/react";
+//#region src/agentIcons.ts
+/**
+* The marks an agent goes by: a glyph for the work it does (appointments, reception, sales…), on
+* the tint it keeps everywhere (`agentTint`). It picks one itself the first time it describes
+* itself; the owner changes it through the builder. One to one with the API's `AgentIcon`.
+*/
+const AGENT_ICONS = {
+	sparkle: SparkleIcon,
+	calendar: CalendarBlankIcon,
+	headset: HeadsetIcon,
+	message: ChatCircleIcon,
+	phone: PhoneIcon,
+	mail: EnvelopeSimpleIcon,
+	cart: ShoppingCartIcon,
+	card: CreditCardIcon,
+	chart: ChartLineUpIcon,
+	megaphone: MegaphoneIcon,
+	wrench: WrenchIcon,
+	briefcase: BriefcaseIcon,
+	heart: HeartIcon,
+	user: UserIcon,
+	search: MagnifyingGlassIcon,
+	file: FileTextIcon,
+	globe: GlobeIcon,
+	code: CodeIcon,
+	map: MapPinIcon
+};
+/** An agent's glyph; a sparkle until it has picked one (or for a mark this package predates). */
+function agentGlyph(icon) {
+	return icon != null && icon in AGENT_ICONS ? AGENT_ICONS[icon] : SparkleIcon;
+}
+//#endregion
+export { AGENT_ICONS, agentGlyph };
+
+//# sourceMappingURL=agentIcons.js.map

package/dist/agentIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"agentIcons.js","names":[],"sources":["../src/agentIcons.ts"],"sourcesContent":["import {\n  BriefcaseIcon,\n  CalendarBlankIcon,\n  ChartLineUpIcon,\n  ChatCircleIcon,\n  CodeIcon,\n  CreditCardIcon,\n  EnvelopeSimpleIcon,\n  FileTextIcon,\n  GlobeIcon,\n  HeadsetIcon,\n  HeartIcon,\n  MagnifyingGlassIcon,\n  MapPinIcon,\n  MegaphoneIcon,\n  PhoneIcon,\n  ShoppingCartIcon,\n  SparkleIcon,\n  UserIcon,\n  WrenchIcon,\n  type Icon as Phosphor,\n} from \"@phosphor-icons/react\";\n\n/**\n * The marks an agent goes by: a glyph for the work it does (appointments, reception, sales…), on\n * the tint it keeps everywhere (`agentTint`). It picks one itself the first time it describes\n * itself; the owner changes it through the builder. One to one with the API's `AgentIcon`.\n */\nexport const AGENT_ICONS = {\n  sparkle: SparkleIcon,\n  calendar: CalendarBlankIcon,\n  headset: HeadsetIcon,\n  message: ChatCircleIcon,\n  phone: PhoneIcon,\n  mail: EnvelopeSimpleIcon,\n  cart: ShoppingCartIcon,\n  card: CreditCardIcon,\n  chart: ChartLineUpIcon,\n  megaphone: MegaphoneIcon,\n  wrench: WrenchIcon,\n  briefcase: BriefcaseIcon,\n  heart: HeartIcon,\n  user: UserIcon,\n  search: MagnifyingGlassIcon,\n  file: FileTextIcon,\n  globe: GlobeIcon,\n  code: CodeIcon,\n  map: MapPinIcon,\n} as const satisfies Record<string, Phosphor>;\n\nexport type AgentIcon = keyof typeof AGENT_ICONS;\n\n/** An agent's glyph; a sparkle until it has picked one (or for a mark this package predates). */\nexport function agentGlyph(icon: string | null | undefined): Phosphor {\n  return icon != null && icon in AGENT_ICONS ? AGENT_ICONS[icon as AgentIcon] : SparkleIcon;\n}\n"],"mappings":";;;;;;;AA4BA,MAAa,cAAc;CACzB,SAAS;CACT,UAAU;CACV,SAAS;CACT,SAAS;CACT,OAAO;CACP,MAAM;CACN,MAAM;CACN,MAAM;CACN,OAAO;CACP,WAAW;CACX,QAAQ;CACR,WAAW;CACX,OAAO;CACP,MAAM;CACN,QAAQ;CACR,MAAM;CACN,OAAO;CACP,MAAM;CACN,KAAK;AACP;;AAKA,SAAgB,WAAW,MAA2C;CACpE,OAAO,QAAQ,QAAQ,QAAQ,cAAc,YAAY,QAAqB;AAChF"}

package/dist/automation/Automation.d.ts

@@ -0,0 +1,35 @@
+import { Automation as Automation$1, Run } from "./types.js";
+import { AppDirectory } from "../AgentAbout.js";
+import { ReactNode } from "react";
+//#region src/automation/Automation.d.ts
+export interface AutomationProps {
+  automation: Automation$1;
+  /** Its newest runs, newest first; without them the part is left out. */
+  runs?: readonly Run[] | undefined;
+  /** Switching it on and off, the host's call; without it there is no switch (a conversation's). */
+  onSwitch?: ((on: boolean) => void) | undefined;
+  /** The switch's change is on its way: it holds still. */
+  switching?: boolean | undefined;
+  /** The host's controls after the switch (taking a contact's task away). */
+  actions?: ReactNode | undefined;
+  /** Opening a run's record; without it the runs only read. */
+  onOpenRun?: ((run: Run) => void) | undefined;
+  /** The run open beside it, marked in the list. */
+  openRun?: string | null | undefined;
+  /** The host's logos for apps; without them an app shows the logo the API gives. */
+  apps?: AppDirectory | undefined;
+  /** What time it is, for the words that say when; now by default. */
+  now?: Date | undefined;
+  className?: string | undefined;
+}
+/**
+ * One automation, as its owner reads it: a head with what starts it (a clock, a webhook, the
+ * app whose event it waits for) as a 40px mark, its title, when it runs in words with its next
+ * run, and how it stands (with the host's switch, when it gives one); the owner's own sentence of
+ * what it does, set apart; its steps, numbered, each with what it uses; the table it moves, as a
+ * figure per value; and its runs, each with what started it and when, its line, how it ended.
+ * It only draws: switching it and opening a run are the host's (`onSwitch`, `onOpenRun`).
+ */
+export declare function Automation({ automation, runs, onSwitch, switching, actions, onOpenRun, openRun, apps, now, className }: AutomationProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=Automation.d.ts.map

package/dist/automation/Automation.js

@@ -0,0 +1,268 @@
+import { joined, useKit, useParts } from "../kit/context.js";
+import { List, Row } from "../kit/List.js";
+import { Stat, Stats } from "../kit/Stat.js";
+import { Switch } from "../kit/Switch.js";
+import { Tag } from "../kit/Tag.js";
+import { AppMark, ByMark, TriggerMark, USES } from "./marks.js";
+import { lineOf, momentOf } from "./when.js";
+import { useId } from "react";
+import { CheckIcon, TableIcon, WarningCircleIcon } from "@phosphor-icons/react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/automation/Automation.tsx
+/** How the state reads on its pill: running well, paused, or its last run failed. */
+const STATE_TONES = {
+	active: "success",
+	paused: void 0,
+	failing: "danger"
+};
+/** The values of its table shown as figures; the rest are counted after them. */
+const SHOWN_COUNTS = 4;
+/**
+* One automation, as its owner reads it: a head with what starts it (a clock, a webhook, the
+* app whose event it waits for) as a 40px mark, its title, when it runs in words with its next
+* run, and how it stands (with the host's switch, when it gives one); the owner's own sentence of
+* what it does, set apart; its steps, numbered, each with what it uses; the table it moves, as a
+* figure per value; and its runs, each with what started it and when, its line, how it ended.
+* It only draws: switching it and opening a run are the host's (`onSwitch`, `onOpenRun`).
+*/
+function Automation({ automation, runs, onSwitch, switching, actions, onOpenRun, openRun, apps, now = /* @__PURE__ */ new Date(), className }) {
+	const part = useParts();
+	const { messages, code } = useKit();
+	const words = messages.automation;
+	const title = useId();
+	return /* @__PURE__ */ jsxs("section", {
+		"aria-labelledby": title,
+		className: joined(part("sc-automation"), className),
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: part("sc-automation__head"),
+				children: [
+					/* @__PURE__ */ jsx(TriggerMark, {
+						trigger: automation.trigger,
+						size: 40,
+						apps
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: part("sc-automation__heading"),
+						children: [/* @__PURE__ */ jsx("h3", {
+							id: title,
+							className: part("sc-automation__title"),
+							children: automation.title
+						}), /* @__PURE__ */ jsx("p", {
+							className: part("sc-automation__when"),
+							children: lineOf(automation, now, words, code)
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: part("sc-automation__end"),
+						children: [
+							/* @__PURE__ */ jsxs(Tag, {
+								tone: STATE_TONES[automation.state],
+								children: [/* @__PURE__ */ jsx("i", {
+									"aria-hidden": true,
+									className: part("sc-automation__dot")
+								}), words.states[automation.state]]
+							}),
+							onSwitch !== void 0 && /* @__PURE__ */ jsx(Switch, {
+								checked: automation.on,
+								onChange: onSwitch,
+								label: words.switchLabel,
+								disabled: switching
+							}),
+							actions
+						]
+					})
+				]
+			}),
+			automation.summary !== "" && /* @__PURE__ */ jsx("p", {
+				className: part("sc-automation__summary"),
+				children: automation.summary
+			}),
+			automation.steps.length > 0 && /* @__PURE__ */ jsx(Steps, {
+				steps: automation.steps,
+				words,
+				apps
+			}),
+			automation.board !== null && automation.board.counts.length > 0 && /* @__PURE__ */ jsx(BoardView, {
+				board: automation.board,
+				words
+			}),
+			runs !== void 0 && /* @__PURE__ */ jsx(Runs, {
+				runs,
+				trigger: automation.trigger,
+				words,
+				apps,
+				now,
+				code,
+				onOpenRun,
+				openRun: openRun ?? null
+			})
+		]
+	});
+}
+/** A part of it under its small label. */
+function Part({ label, children }) {
+	const part = useParts();
+	const id = useId();
+	return /* @__PURE__ */ jsxs("section", {
+		"aria-labelledby": id,
+		className: part("sc-automation__section"),
+		children: [/* @__PURE__ */ jsx("h4", {
+			id,
+			className: part("sc-automation__label"),
+			children: label
+		}), children]
+	});
+}
+/** Its steps in the code's order: a number, the step's name, and what it uses at the right. */
+function Steps({ steps, words, apps }) {
+	const part = useParts();
+	return /* @__PURE__ */ jsx(Part, {
+		label: words.steps,
+		children: /* @__PURE__ */ jsx("ol", {
+			className: part("sc-automation__steps"),
+			children: steps.map((step, index) => /* @__PURE__ */ jsxs("li", {
+				className: part("sc-automation__step"),
+				children: [
+					/* @__PURE__ */ jsx("span", {
+						"aria-hidden": true,
+						className: part("sc-automation__number"),
+						children: index + 1
+					}),
+					/* @__PURE__ */ jsx("span", {
+						className: part("sc-automation__name"),
+						children: step.name
+					}),
+					step.uses.length > 0 && /* @__PURE__ */ jsx("span", {
+						className: part("sc-automation__uses"),
+						children: step.uses.map((use, at) => {
+							const key = `${at}:${use.kind}:${use.app ?? ""}`;
+							if (use.kind !== "app") {
+								const Glyph = USES[use.kind];
+								return /* @__PURE__ */ jsxs("span", {
+									className: part("sc-automation__use"),
+									children: [/* @__PURE__ */ jsx(Glyph, {
+										"aria-hidden": true,
+										weight: "regular"
+									}), words.uses[use.kind]]
+								}, key);
+							}
+							const name = use.title ?? use.app ?? "";
+							return /* @__PURE__ */ jsxs("span", {
+								className: part("sc-automation__use"),
+								children: [/* @__PURE__ */ jsx(AppMark, {
+									name,
+									icon: use.icon,
+									size: 18,
+									apps
+								}), name]
+							}, key);
+						})
+					})
+				]
+			}, `${index}:${step.name}`))
+		})
+	});
+}
+const capital = (text) => text.charAt(0).toUpperCase() + text.slice(1);
+/** The table it moves: its title, then a figure per value (the biggest few, and how many more). */
+function BoardView({ board, words }) {
+	const part = useParts();
+	const shown = board.counts.slice(0, SHOWN_COUNTS);
+	const more = board.counts.length - shown.length;
+	return /* @__PURE__ */ jsx(Part, {
+		label: /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(TableIcon, { "aria-hidden": true }), board.title] }),
+		children: /* @__PURE__ */ jsxs("div", {
+			className: part("sc-automation__board"),
+			children: [/* @__PURE__ */ jsx(Stats, {
+				label: board.title,
+				children: shown.map((count) => /* @__PURE__ */ jsx(Stat, {
+					label: capital(count.value),
+					value: count.count
+				}, count.value))
+			}), more > 0 && /* @__PURE__ */ jsx("span", {
+				className: part("sc-automation__more"),
+				children: words.more(more)
+			})]
+		})
+	});
+}
+/**
+* Its runs, newest first: what started each (its mark, when, by what), its line, why it failed
+* in the danger tone, and at the right a check once it went well; a test's line says what it
+* would have done.
+*/
+function Runs({ runs, trigger, words, apps, now, code, onOpenRun, openRun }) {
+	const part = useParts();
+	const app = trigger.app_title ?? trigger.app;
+	return /* @__PURE__ */ jsx(Part, {
+		label: words.runs,
+		children: runs.length === 0 ? /* @__PURE__ */ jsx("p", {
+			className: part("sc-automation__empty"),
+			children: words.noRuns
+		}) : /* @__PURE__ */ jsx("div", {
+			className: part("sc-automation__runs"),
+			children: /* @__PURE__ */ jsx(List, { children: runs.map((run) => /* @__PURE__ */ jsx(Row, {
+				className: run.id === openRun ? part("sc-automation__run--open") : void 0,
+				mark: /* @__PURE__ */ jsx("span", {
+					role: "img",
+					"aria-label": words.by(run.by, app),
+					title: words.by(run.by, app),
+					className: part("sc-run__by"),
+					children: /* @__PURE__ */ jsx(ByMark, {
+						by: run.by,
+						trigger,
+						size: 28,
+						apps
+					})
+				}),
+				title: momentOf(new Date(run.started_at), now, words, code),
+				subtitle: run.summary === null ? void 0 : run.dry ? words.dry(run.summary) : run.summary,
+				error: run.status === "failed" && run.error !== null ? /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx(WarningCircleIcon, {
+					"aria-hidden": true,
+					weight: "fill"
+				}), run.error] }) : void 0,
+				meta: /* @__PURE__ */ jsx(RunStatus, {
+					run,
+					words
+				}),
+				onPress: onOpenRun && (() => onOpenRun(run))
+			}, run.id)) })
+		})
+	});
+}
+/**
+* How a run stands, at its row's right: a check once done; the words while it goes, waits or was
+* skipped; nothing once it failed (its error says so, under it).
+*/
+function RunStatus({ run, words }) {
+	const part = useParts();
+	switch (run.status) {
+		case "done": return /* @__PURE__ */ jsx("span", {
+			role: "img",
+			"aria-label": words.statuses.done,
+			className: part("sc-automation__status"),
+			children: /* @__PURE__ */ jsx(CheckIcon, {
+				"aria-hidden": true,
+				weight: "bold"
+			})
+		});
+		case "failed": return null;
+		case "running": return /* @__PURE__ */ jsxs(Tag, {
+			tone: "info",
+			children: [/* @__PURE__ */ jsx("i", {
+				"aria-hidden": true,
+				className: part("sc-run__live")
+			}), words.statuses.running]
+		});
+		case "waiting": return /* @__PURE__ */ jsx(Tag, {
+			tone: "warning",
+			children: words.statuses.waiting
+		});
+		case "skipped": return /* @__PURE__ */ jsx(Tag, { children: words.statuses.skipped });
+	}
+}
+//#endregion
+export { Automation };
+
+//# sourceMappingURL=Automation.js.map

package/dist/automation/Automation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Automation.js","names":[],"sources":["../../src/automation/Automation.tsx"],"sourcesContent":["import { CheckIcon, TableIcon, WarningCircleIcon } from \"@phosphor-icons/react\";\nimport { useId, type ReactNode } from \"react\";\n\nimport type { AppDirectory } from \"../AgentAbout\";\nimport { joined, useKit, useParts } from \"../kit/context\";\nimport { List, Row } from \"../kit/List\";\nimport { Stat, Stats } from \"../kit/Stat\";\nimport { Switch } from \"../kit/Switch\";\nimport { Tag } from \"../kit/Tag\";\nimport { AppMark, ByMark, TriggerMark, USES } from \"./marks\";\nimport type { AutomationMessages } from \"./messages\";\nimport type { Automation as Shown, AutomationState, Board, Run, Step, Trigger } from \"./types\";\nimport { lineOf, momentOf } from \"./when\";\n\nexport interface AutomationProps {\n  automation: Shown;\n  /** Its newest runs, newest first; without them the part is left out. */\n  runs?: readonly Run[] | undefined;\n  /** Switching it on and off, the host's call; without it there is no switch (a conversation's). */\n  onSwitch?: ((on: boolean) => void) | undefined;\n  /** The switch's change is on its way: it holds still. */\n  switching?: boolean | undefined;\n  /** The host's controls after the switch (taking a contact's task away). */\n  actions?: ReactNode | undefined;\n  /** Opening a run's record; without it the runs only read. */\n  onOpenRun?: ((run: Run) => void) | undefined;\n  /** The run open beside it, marked in the list. */\n  openRun?: string | null | undefined;\n  /** The host's logos for apps; without them an app shows the logo the API gives. */\n  apps?: AppDirectory | undefined;\n  /** What time it is, for the words that say when; now by default. */\n  now?: Date | undefined;\n  className?: string | undefined;\n}\n\n/** How the state reads on its pill: running well, paused, or its last run failed. */\nconst STATE_TONES: Readonly<Record<AutomationState, \"success\" | \"danger\" | undefined>> = {\n  active: \"success\",\n  paused: undefined,\n  failing: \"danger\",\n};\n\n/** The values of its table shown as figures; the rest are counted after them. */\nconst SHOWN_COUNTS = 4;\n\n/**\n * One automation, as its owner reads it: a head with what starts it (a clock, a webhook, the\n * app whose event it waits for) as a 40px mark, its title, when it runs in words with its next\n * run, and how it stands (with the host's switch, when it gives one); the owner's own sentence of\n * what it does, set apart; its steps, numbered, each with what it uses; the table it moves, as a\n * figure per value; and its runs, each with what started it and when, its line, how it ended.\n * It only draws: switching it and opening a run are the host's (`onSwitch`, `onOpenRun`).\n */\nexport function Automation({\n  automation,\n  runs,\n  onSwitch,\n  switching,\n  actions,\n  onOpenRun,\n  openRun,\n  apps,\n  now = new Date(),\n  className,\n}: AutomationProps) {\n  const part = useParts();\n  const { messages, code } = useKit();\n  const words = messages.automation;\n  const title = useId();\n  return (\n    <section aria-labelledby={title} className={joined(part(\"sc-automation\"), className)}>\n      <header className={part(\"sc-automation__head\")}>\n        <TriggerMark trigger={automation.trigger} size={40} apps={apps} />\n        <div className={part(\"sc-automation__heading\")}>\n          <h3 id={title} className={part(\"sc-automation__title\")}>\n            {automation.title}\n          </h3>\n          <p className={part(\"sc-automation__when\")}>{lineOf(automation, now, words, code)}</p>\n        </div>\n        <div className={part(\"sc-automation__end\")}>\n          <Tag tone={STATE_TONES[automation.state]}>\n            <i aria-hidden className={part(\"sc-automation__dot\")} />\n            {words.states[automation.state]}\n          </Tag>\n          {onSwitch !== undefined && (\n            <Switch\n              checked={automation.on}\n              onChange={onSwitch}\n              label={words.switchLabel}\n              disabled={switching}\n            />\n          )}\n          {actions}\n        </div>\n      </header>\n      {automation.summary !== \"\" && (\n        <p className={part(\"sc-automation__summary\")}>{automation.summary}</p>\n      )}\n      {automation.steps.length > 0 && <Steps steps={automation.steps} words={words} apps={apps} />}\n      {automation.board !== null && automation.board.counts.length > 0 && (\n        <BoardView board={automation.board} words={words} />\n      )}\n      {runs !== undefined && (\n        <Runs\n          runs={runs}\n          trigger={automation.trigger}\n          words={words}\n          apps={apps}\n          now={now}\n          code={code}\n          onOpenRun={onOpenRun}\n          openRun={openRun ?? null}\n        />\n      )}\n    </section>\n  );\n}\n\n/** A part of it under its small label. */\nfunction Part({ label, children }: { label: ReactNode; children: ReactNode }) {\n  const part = useParts();\n  const id = useId();\n  return (\n    <section aria-labelledby={id} className={part(\"sc-automation__section\")}>\n      <h4 id={id} className={part(\"sc-automation__label\")}>\n        {label}\n      </h4>\n      {children}\n    </section>\n  );\n}\n\n/** Its steps in the code's order: a number, the step's name, and what it uses at the right. */\nfunction Steps({\n  steps,\n  words,\n  apps,\n}: {\n  steps: readonly Step[];\n  words: AutomationMessages;\n  apps: AppDirectory | undefined;\n}) {\n  const part = useParts();\n  return (\n    <Part label={words.steps}>\n      <ol className={part(\"sc-automation__steps\")}>\n        {steps.map((step, index) => (\n          <li key={`${index}:${step.name}`} className={part(\"sc-automation__step\")}>\n            <span aria-hidden className={part(\"sc-automation__number\")}>\n              {index + 1}\n            </span>\n            <span className={part(\"sc-automation__name\")}>{step.name}</span>\n            {step.uses.length > 0 && (\n              <span className={part(\"sc-automation__uses\")}>\n                {step.uses.map((use, at) => {\n                  const key = `${at}:${use.kind}:${use.app ?? \"\"}`;\n                  if (use.kind !== \"app\") {\n                    const Glyph = USES[use.kind];\n                    return (\n                      <span key={key} className={part(\"sc-automation__use\")}>\n                        <Glyph aria-hidden weight=\"regular\" />\n                        {words.uses[use.kind]}\n                      </span>\n                    );\n                  }\n                  const name = use.title ?? use.app ?? \"\";\n                  return (\n                    <span key={key} className={part(\"sc-automation__use\")}>\n                      <AppMark name={name} icon={use.icon} size={18} apps={apps} />\n                      {name}\n                    </span>\n                  );\n                })}\n              </span>\n            )}\n          </li>\n        ))}\n      </ol>\n    </Part>\n  );\n}\n\nconst capital = (text: string): string => text.charAt(0).toUpperCase() + text.slice(1);\n\n/** The table it moves: its title, then a figure per value (the biggest few, and how many more). */\nfunction BoardView({ board, words }: { board: Board; words: AutomationMessages }) {\n  const part = useParts();\n  const shown = board.counts.slice(0, SHOWN_COUNTS);\n  const more = board.counts.length - shown.length;\n  return (\n    <Part\n      label={\n        <>\n          <TableIcon aria-hidden />\n          {board.title}\n        </>\n      }\n    >\n      <div className={part(\"sc-automation__board\")}>\n        <Stats label={board.title}>\n          {shown.map((count) => (\n            <Stat key={count.value} label={capital(count.value)} value={count.count} />\n          ))}\n        </Stats>\n        {more > 0 && <span className={part(\"sc-automation__more\")}>{words.more(more)}</span>}\n      </div>\n    </Part>\n  );\n}\n\n/**\n * Its runs, newest first: what started each (its mark, when, by what), its line, why it failed\n * in the danger tone, and at the right a check once it went well; a test's line says what it\n * would have done.\n */\nfunction Runs({\n  runs,\n  trigger,\n  words,\n  apps,\n  now,\n  code,\n  onOpenRun,\n  openRun,\n}: {\n  runs: readonly Run[];\n  trigger: Trigger;\n  words: AutomationMessages;\n  apps: AppDirectory | undefined;\n  now: Date;\n  code: string;\n  onOpenRun: ((run: Run) => void) | undefined;\n  openRun: string | null;\n}) {\n  const part = useParts();\n  const app = trigger.app_title ?? trigger.app;\n  return (\n    <Part label={words.runs}>\n      {runs.length === 0 ? (\n        <p className={part(\"sc-automation__empty\")}>{words.noRuns}</p>\n      ) : (\n        <div className={part(\"sc-automation__runs\")}>\n          <List>\n            {runs.map((run) => (\n              <Row\n                key={run.id}\n                className={run.id === openRun ? part(\"sc-automation__run--open\") : undefined}\n                mark={\n                  <span\n                    role=\"img\"\n                    aria-label={words.by(run.by, app)}\n                    title={words.by(run.by, app)}\n                    className={part(\"sc-run__by\")}\n                  >\n                    <ByMark by={run.by} trigger={trigger} size={28} apps={apps} />\n                  </span>\n                }\n                title={momentOf(new Date(run.started_at), now, words, code)}\n                subtitle={\n                  run.summary === null ? undefined : run.dry ? words.dry(run.summary) : run.summary\n                }\n                error={\n                  run.status === \"failed\" && run.error !== null ? (\n                    <span>\n                      <WarningCircleIcon aria-hidden weight=\"fill\" />\n                      {run.error}\n                    </span>\n                  ) : undefined\n                }\n                meta={<RunStatus run={run} words={words} />}\n                onPress={onOpenRun && (() => onOpenRun(run))}\n              />\n            ))}\n          </List>\n        </div>\n      )}\n    </Part>\n  );\n}\n\n/**\n * How a run stands, at its row's right: a check once done; the words while it goes, waits or was\n * skipped; nothing once it failed (its error says so, under it).\n */\nfunction RunStatus({ run, words }: { run: Run; words: AutomationMessages }) {\n  const part = useParts();\n  switch (run.status) {\n    case \"done\":\n      return (\n        <span role=\"img\" aria-label={words.statuses.done} className={part(\"sc-automation__status\")}>\n          <CheckIcon aria-hidden weight=\"bold\" />\n        </span>\n      );\n    case \"failed\":\n      return null;\n    case \"running\":\n      return (\n        <Tag tone=\"info\">\n          <i aria-hidden className={part(\"sc-run__live\")} />\n          {words.statuses.running}\n        </Tag>\n      );\n    case \"waiting\":\n      return <Tag tone=\"warning\">{words.statuses.waiting}</Tag>;\n    case \"skipped\":\n      return <Tag>{words.statuses.skipped}</Tag>;\n  }\n}\n"],"mappings":";;;;;;;;;;;;AAoCA,MAAM,cAAmF;CACvF,QAAQ;CACR,QAAQ,KAAA;CACR,SAAS;AACX;;AAGA,MAAM,eAAe;;;;;;;;;AAUrB,SAAgB,WAAW,EACzB,YACA,MACA,UACA,WACA,SACA,WACA,SACA,MACA,sBAAM,IAAI,KAAK,GACf,aACkB;CAClB,MAAM,OAAO,SAAS;CACtB,MAAM,EAAE,UAAU,SAAS,OAAO;CAClC,MAAM,QAAQ,SAAS;CACvB,MAAM,QAAQ,MAAM;CACpB,OACE,qBAAC,WAAD;EAAS,mBAAiB;EAAO,WAAW,OAAO,KAAK,eAAe,GAAG,SAAS;EAAnF,UAAA;GACE,qBAAC,UAAD;IAAQ,WAAW,KAAK,qBAAqB;IAA7C,UAAA;KACE,oBAAC,aAAD;MAAa,SAAS,WAAW;MAAS,MAAM;MAAU;KAAO,CAAA;KACjE,qBAAC,OAAD;MAAK,WAAW,KAAK,wBAAwB;MAA7C,UAAA,CACE,oBAAC,MAAD;OAAI,IAAI;OAAO,WAAW,KAAK,sBAAsB;OAClD,UAAA,WAAW;MACV,CAAA,GACJ,oBAAC,KAAD;OAAG,WAAW,KAAK,qBAAqB;OAAI,UAAA,OAAO,YAAY,KAAK,OAAO,IAAI;MAAK,CAAA,CACjF;;KACL,qBAAC,OAAD;MAAK,WAAW,KAAK,oBAAoB;MAAzC,UAAA;OACE,qBAAC,KAAD;QAAK,MAAM,YAAY,WAAW;QAAlC,UAAA,CACE,oBAAC,KAAD;SAAG,eAAA;SAAY,WAAW,KAAK,oBAAoB;QAAI,CAAA,GACtD,MAAM,OAAO,WAAW,MACtB;;OACJ,aAAa,KAAA,KACZ,oBAAC,QAAD;QACE,SAAS,WAAW;QACpB,UAAU;QACV,OAAO,MAAM;QACb,UAAU;OACX,CAAA;OAEF;MACE;;IACC;;GACP,WAAW,YAAY,MACtB,oBAAC,KAAD;IAAG,WAAW,KAAK,wBAAwB;IAAI,UAAA,WAAW;GAAW,CAAA;GAEtE,WAAW,MAAM,SAAS,KAAK,oBAAC,OAAD;IAAO,OAAO,WAAW;IAAc;IAAa;GAAO,CAAA;GAC1F,WAAW,UAAU,QAAQ,WAAW,MAAM,OAAO,SAAS,KAC7D,oBAAC,WAAD;IAAW,OAAO,WAAW;IAAc;GAAQ,CAAA;GAEpD,SAAS,KAAA,KACR,oBAAC,MAAD;IACQ;IACN,SAAS,WAAW;IACb;IACD;IACD;IACC;IACK;IACX,SAAS,WAAW;GACrB,CAAA;EAEI;;AAEb;;AAGA,SAAS,KAAK,EAAE,OAAO,YAAuD;CAC5E,MAAM,OAAO,SAAS;CACtB,MAAM,KAAK,MAAM;CACjB,OACE,qBAAC,WAAD;EAAS,mBAAiB;EAAI,WAAW,KAAK,wBAAwB;EAAtE,UAAA,CACE,oBAAC,MAAD;GAAQ;GAAI,WAAW,KAAK,sBAAsB;GAC/C,UAAA;EACC,CAAA,GACH,QACM;;AAEb;;AAGA,SAAS,MAAM,EACb,OACA,OACA,QAKC;CACD,MAAM,OAAO,SAAS;CACtB,OACE,oBAAC,MAAD;EAAM,OAAO,MAAM;EACjB,UAAA,oBAAC,MAAD;GAAI,WAAW,KAAK,sBAAsB;GACvC,UAAA,MAAM,KAAK,MAAM,UAChB,qBAAC,MAAD;IAAkC,WAAW,KAAK,qBAAqB;IAAvE,UAAA;KACE,oBAAC,QAAD;MAAM,eAAA;MAAY,WAAW,KAAK,uBAAuB;MACtD,UAAA,QAAQ;KACL,CAAA;KACN,oBAAC,QAAD;MAAM,WAAW,KAAK,qBAAqB;MAAI,UAAA,KAAK;KAAW,CAAA;KAC9D,KAAK,KAAK,SAAS,KAClB,oBAAC,QAAD;MAAM,WAAW,KAAK,qBAAqB;MACxC,UAAA,KAAK,KAAK,KAAK,KAAK,OAAO;OAC1B,MAAM,MAAM,GAAG,GAAG,GAAG,IAAI,KAAK,GAAG,IAAI,OAAO;OAC5C,IAAI,IAAI,SAAS,OAAO;QACtB,MAAM,QAAQ,KAAK,IAAI;QACvB,OACE,qBAAC,QAAD;SAAgB,WAAW,KAAK,oBAAoB;SAApD,UAAA,CACE,oBAAC,OAAD;UAAO,eAAA;UAAY,QAAO;SAAW,CAAA,GACpC,MAAM,KAAK,IAAI,KACZ;QAHK,GAAA,GAGL;OAEV;OACA,MAAM,OAAO,IAAI,SAAS,IAAI,OAAO;OACrC,OACE,qBAAC,QAAD;QAAgB,WAAW,KAAK,oBAAoB;QAApD,UAAA,CACE,oBAAC,SAAD;SAAe;SAAM,MAAM,IAAI;SAAM,MAAM;SAAU;QAAO,CAAA,GAC3D,IACG;OAHK,GAAA,GAGL;MAEV,CAAC;KACG,CAAA;IAEN;GA5BK,GAAA,GAAG,MAAM,GAAG,KAAK,MA4BtB,CACL;EACC,CAAA;CACA,CAAA;AAEV;AAEA,MAAM,WAAW,SAAyB,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,IAAI,KAAK,MAAM,CAAC;;AAGrF,SAAS,UAAU,EAAE,OAAO,SAAsD;CAChF,MAAM,OAAO,SAAS;CACtB,MAAM,QAAQ,MAAM,OAAO,MAAM,GAAG,YAAY;CAChD,MAAM,OAAO,MAAM,OAAO,SAAS,MAAM;CACzC,OACE,oBAAC,MAAD;EACE,OACE,qBAAA,YAAA,EAAA,UAAA,CACE,oBAAC,WAAD,EAAW,eAAA,KAAa,CAAA,GACvB,MAAM,KACP,EAAA,CAAA;EAGJ,UAAA,qBAAC,OAAD;GAAK,WAAW,KAAK,sBAAsB;GAA3C,UAAA,CACE,oBAAC,OAAD;IAAO,OAAO,MAAM;IACjB,UAAA,MAAM,KAAK,UACV,oBAAC,MAAD;KAAwB,OAAO,QAAQ,MAAM,KAAK;KAAG,OAAO,MAAM;IAAQ,GAA/D,MAAM,KAAyD,CAC3E;GACI,CAAA,GACN,OAAO,KAAK,oBAAC,QAAD;IAAM,WAAW,KAAK,qBAAqB;IAAI,UAAA,MAAM,KAAK,IAAI;GAAQ,CAAA,CAChF;;CACD,CAAA;AAEV;;;;;;AAOA,SAAS,KAAK,EACZ,MACA,SACA,OACA,MACA,KACA,MACA,WACA,WAUC;CACD,MAAM,OAAO,SAAS;CACtB,MAAM,MAAM,QAAQ,aAAa,QAAQ;CACzC,OACE,oBAAC,MAAD;EAAM,OAAO,MAAM;EAChB,UAAA,KAAK,WAAW,IACf,oBAAC,KAAD;GAAG,WAAW,KAAK,sBAAsB;GAAI,UAAA,MAAM;EAAU,CAAA,IAE7D,oBAAC,OAAD;GAAK,WAAW,KAAK,qBAAqB;GACxC,UAAA,oBAAC,MAAD,EAAA,UACG,KAAK,KAAK,QACT,oBAAC,KAAD;IAEE,WAAW,IAAI,OAAO,UAAU,KAAK,0BAA0B,IAAI,KAAA;IACnE,MACE,oBAAC,QAAD;KACE,MAAK;KACL,cAAY,MAAM,GAAG,IAAI,IAAI,GAAG;KAChC,OAAO,MAAM,GAAG,IAAI,IAAI,GAAG;KAC3B,WAAW,KAAK,YAAY;KAE5B,UAAA,oBAAC,QAAD;MAAQ,IAAI,IAAI;MAAa;MAAS,MAAM;MAAU;KAAO,CAAA;IACzD,CAAA;IAER,OAAO,SAAS,IAAI,KAAK,IAAI,UAAU,GAAG,KAAK,OAAO,IAAI;IAC1D,UACE,IAAI,YAAY,OAAO,KAAA,IAAY,IAAI,MAAM,MAAM,IAAI,IAAI,OAAO,IAAI,IAAI;IAE5E,OACE,IAAI,WAAW,YAAY,IAAI,UAAU,OACvC,qBAAC,QAAD,EAAA,UAAA,CACE,oBAAC,mBAAD;KAAmB,eAAA;KAAY,QAAO;IAAQ,CAAA,GAC7C,IAAI,KACD,EAAA,CAAA,IACJ,KAAA;IAEN,MAAM,oBAAC,WAAD;KAAgB;KAAY;IAAQ,CAAA;IAC1C,SAAS,oBAAoB,UAAU,GAAG;GAC3C,GA1BM,IAAI,EA0BV,CACF,EACG,CAAA;EACH,CAAA;CAEH,CAAA;AAEV;;;;;AAMA,SAAS,UAAU,EAAE,KAAK,SAAkD;CAC1E,MAAM,OAAO,SAAS;CACtB,QAAQ,IAAI,QAAZ;EACE,KAAK,QACH,OACE,oBAAC,QAAD;GAAM,MAAK;GAAM,cAAY,MAAM,SAAS;GAAM,WAAW,KAAK,uBAAuB;GACvF,UAAA,oBAAC,WAAD;IAAW,eAAA;IAAY,QAAO;GAAQ,CAAA;EAClC,CAAA;EAEV,KAAK,UACH,OAAO;EACT,KAAK,WACH,OACE,qBAAC,KAAD;GAAK,MAAK;GAAV,UAAA,CACE,oBAAC,KAAD;IAAG,eAAA;IAAY,WAAW,KAAK,cAAc;GAAI,CAAA,GAChD,MAAM,SAAS,OACb;;EAET,KAAK,WACH,OAAO,oBAAC,KAAD;GAAK,MAAK;GAAW,UAAA,MAAM,SAAS;EAAa,CAAA;EAC1D,KAAK,WACH,OAAO,oBAAC,KAAD,EAAA,UAAM,MAAM,SAAS,QAAa,CAAA;CAC7C;AACF"}

package/dist/automation/RunView.d.ts

@@ -0,0 +1,25 @@
+import { Automation, RunRecord } from "./types.js";
+import { AppDirectory } from "../AgentAbout.js";
+//#region src/automation/RunView.d.ts
+export interface RunViewProps {
+  run: RunRecord;
+  /** The automation it is a run of: its steps' order, its apps' names and logos, its table. */
+  automation?: Automation | null | undefined;
+  /** Opening a conversation the run opened, or the one it was asked in; without it, none opens. */
+  onOpenConversation?: ((id: string) => void) | undefined;
+  /** The host's logos for apps; without them an app shows the logo the API gives. */
+  apps?: AppDirectory | undefined;
+  /** What time it is, for the words that say when; now by default. */
+  now?: Date | undefined;
+  className?: string | undefined;
+}
+/**
+ * One run, as its owner reads it: a head with what started it, when, how long it took and how it
+ * stands; the line it returned (a test's, as what it would have done); why it failed, in words;
+ * then what it did, step by step in the code's order, each call in words ("Buscó en Gmail",
+ * "Añadió una fila a Citas"; a test's writes as "Habría…"), the same call in a row once with how
+ * many; and the conversations it opened, each opening through the host.
+ */
+export declare function RunView({ run, automation, onOpenConversation, apps, now, className }: RunViewProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=RunView.d.ts.map