@signalcore/ui 0.1.0 → 1.0.0-beta.1

package/dist/kit/uploads.js

@@ -0,0 +1,165 @@
+import { formatSize } from "./numbers.js";
+//#region src/kit/uploads.ts
+/** The most a file may weigh anywhere, in MB: the API's ceiling. */
+const MAX_MB = 50;
+const MB = 1048576;
+/** A name's extension, lowercase, without its dot; "" for one without (`README`, `.env`). */
+function extensionOf(name) {
+	const dot = name.lastIndexOf(".");
+	return dot <= 0 ? "" : name.slice(dot + 1).toLowerCase();
+}
+/** The types a browser often leaves out, by extension. */
+const TYPES = {
+	pdf: "application/pdf",
+	png: "image/png",
+	jpg: "image/jpeg",
+	jpeg: "image/jpeg",
+	gif: "image/gif",
+	webp: "image/webp",
+	heic: "image/heic",
+	heif: "image/heif",
+	csv: "text/csv",
+	txt: "text/plain",
+	md: "text/markdown",
+	json: "application/json",
+	doc: "application/msword",
+	docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+	xls: "application/vnd.ms-excel",
+	xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+	ppt: "application/vnd.ms-powerpoint",
+	pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+	zip: "application/zip"
+};
+/** A file's type: the browser's, else the one its extension names, else "". */
+function typeOf(file) {
+	return (file.type || TYPES[extensionOf(file.name)] || "").toLowerCase();
+}
+/**
+* Whether a file is of a kind `accept` lists, read as an <input accept> reads it: a type
+* ("application/pdf"), a family ("image/*") or an extension (".xlsx"); none takes anything.
+*/
+function accepts(accept, file) {
+	if (accept === void 0 || accept.length === 0) return true;
+	const type = typeOf(file);
+	const extension = extensionOf(file.name);
+	return accept.some((raw) => {
+		const rule = raw.trim().toLowerCase();
+		if (rule === "*" || rule === "*/*") return true;
+		if (rule.startsWith(".")) return extension !== "" && rule === `.${extension}`;
+		if (rule.endsWith("/*")) return type.startsWith(rule.slice(0, -1));
+		return type === rule;
+	});
+}
+/** The most a field takes per file, in MB: its own, within the ceiling. */
+function limitOf(maxMb) {
+	return maxMb !== void 0 && maxMb > 0 ? Math.min(maxMb, 50) : 50;
+}
+/** That most, as people read it: "10 MB". */
+function limitWords(maxMb, code) {
+	return formatSize(limitOf(maxMb) * MB, code);
+}
+/** What keeps a file from being sent, in words: a kind not taken, or past the most; else null. */
+function refusalOf(file, accept, maxMb, code, messages) {
+	if (!accepts(accept, file)) return messages.wrongType;
+	if (file.size > limitOf(maxMb) * MB) return messages.tooBig(limitWords(maxMb, code));
+	return null;
+}
+/**
+* What a failed upload says: past what the server takes (413), a kind it refused (415), or that
+* it failed, to be tried again.
+*/
+function failureOf(error, maxMb, code, messages) {
+	const status = typeof error === "object" && error !== null && "status" in error ? error.status : void 0;
+	if (status === 413) return messages.tooBig(limitWords(maxMb, code));
+	if (status === 415) return messages.wrongType;
+	return messages.uploadFailed;
+}
+/** Whether an upload's failure is the person letting it go: nothing to show. */
+function isAbort(error) {
+	return error instanceof DOMException && error.name === "AbortError";
+}
+/** Short names for the types people know by one. */
+const SHORT = Object.fromEntries(Object.entries(TYPES).map(([extension, type]) => [type, extension.toUpperCase()]));
+/**
+* The kinds a field takes as people name them, each once: a family ("image/*") by `anyOf`, a type
+* by its short name ("PDF", "XLSX"), an extension by its letters; none when it takes anything.
+*/
+function kindsOf(accept, messages) {
+	const rules = (accept ?? []).map((rule) => rule.trim().toLowerCase());
+	if (rules.some((rule) => rule === "*" || rule === "*/*")) return [];
+	const names = rules.map((rule) => {
+		if (rule.startsWith(".")) return rule.slice(1).toUpperCase();
+		if (rule.endsWith("/*")) return messages.anyOf(rule.slice(0, -2));
+		return SHORT[rule] ?? (rule.split("/")[1] ?? rule).toUpperCase();
+	});
+	return [...new Set(names.filter((name) => name !== ""))];
+}
+/** The line under a drop zone: the kinds it takes, joined ("Images or PDF"), and its most. */
+function limitsOf(accept, maxMb, code, messages) {
+	const kinds = kindsOf(accept, messages);
+	const joined = kinds.length === 0 ? "" : new Intl.ListFormat(code, { type: "disjunction" }).format(kinds);
+	const line = messages.limits(joined, limitWords(maxMb, code));
+	return line.charAt(0).toLocaleUpperCase(code) + line.slice(1);
+}
+const FAMILIES = {
+	png: "image",
+	jpg: "image",
+	jpeg: "image",
+	gif: "image",
+	webp: "image",
+	avif: "image",
+	heic: "image",
+	heif: "image",
+	svg: "image",
+	bmp: "image",
+	pdf: "pdf",
+	csv: "sheet",
+	tsv: "sheet",
+	xls: "sheet",
+	xlsx: "sheet",
+	ods: "sheet",
+	numbers: "sheet",
+	doc: "doc",
+	docx: "doc",
+	odt: "doc",
+	rtf: "doc",
+	pages: "doc",
+	ppt: "slides",
+	pptx: "slides",
+	odp: "slides",
+	key: "slides",
+	txt: "text",
+	md: "text",
+	markdown: "text",
+	json: "text",
+	yaml: "text",
+	yml: "text",
+	xml: "text",
+	html: "text",
+	log: "text",
+	zip: "archive",
+	rar: "archive",
+	"7z": "archive",
+	tar: "archive",
+	gz: "archive",
+	mp3: "audio",
+	wav: "audio",
+	m4a: "audio",
+	ogg: "audio",
+	mp4: "video",
+	mov: "video",
+	webm: "video"
+};
+/** A file's family, by its name's extension first, then by its type. */
+function familyOf(name, type) {
+	const known = FAMILIES[extensionOf(name)];
+	if (known) return known;
+	const media = type.toLowerCase();
+	if (media === "application/pdf") return "pdf";
+	const family = media.split("/")[0];
+	return family === "image" || family === "audio" || family === "video" || family === "text" ? family : "other";
+}
+//#endregion
+export { MAX_MB, accepts, extensionOf, failureOf, familyOf, isAbort, kindsOf, limitOf, limitsOf, refusalOf, typeOf };
+
+//# sourceMappingURL=uploads.js.map

package/dist/kit/uploads.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"uploads.js","names":[],"sources":["../../src/kit/uploads.ts"],"sourcesContent":["/**\n * Files a person picks, as pure functions: whether a field takes one (its kind, its weight), how\n * a field's kinds and limits read, what family a file is of (for its glyph), and the words for\n * what went wrong. Nothing here touches the page or the network.\n */\nimport type { Attachment } from \"../types\";\nimport type { KitMessages } from \"./messages\";\nimport { formatSize } from \"./numbers\";\n\n/** The most a file may weigh anywhere, in MB: the API's ceiling. */\nexport const MAX_MB = 50;\nconst MB = 1024 * 1024;\n\n/**\n * Sends one file where it belongs, telling how much of it has gone (0 to 1) as it goes; aborting\n * `signal` lets it go. Resolves to the file as stored.\n */\nexport type Uploader = (\n  file: File,\n  progress: (share: number) => void,\n  signal: AbortSignal,\n) => Promise<Attachment>;\n\n/** Where a field's files go and how the ones already sent are found: the conversation's. */\nexport interface FileHost {\n  upload: Uploader;\n  /** The files known by id: said in the conversation, uploaded to it. */\n  known: ReadonlyMap<string, Attachment>;\n  /** Asks for files it does not know yet, by id: read back from the conversation. */\n  find?: ((ids: readonly string[]) => void) | undefined;\n  /** Opens one, when the host shows files. */\n  open?: ((file: Attachment) => void) | undefined;\n  /**\n   * Where a picture, a video or a sound plays from in the page's own player: an address the\n   * player streams with no credential, for a while.\n   */\n  play?: ((file: Attachment) => Promise<string>) | undefined;\n}\n\n/** A file as picked: its name, its type as the browser gave it (\"\" when none), its weight. */\nexport interface Picked {\n  name: string;\n  type: string;\n  size: number;\n}\n\n/** A name's extension, lowercase, without its dot; \"\" for one without (`README`, `.env`). */\nexport function extensionOf(name: string): string {\n  const dot = name.lastIndexOf(\".\");\n  return dot <= 0 ? \"\" : name.slice(dot + 1).toLowerCase();\n}\n\n/** The types a browser often leaves out, by extension. */\nconst TYPES: Readonly<Record<string, string>> = {\n  pdf: \"application/pdf\",\n  png: \"image/png\",\n  jpg: \"image/jpeg\",\n  jpeg: \"image/jpeg\",\n  gif: \"image/gif\",\n  webp: \"image/webp\",\n  heic: \"image/heic\",\n  heif: \"image/heif\",\n  csv: \"text/csv\",\n  txt: \"text/plain\",\n  md: \"text/markdown\",\n  json: \"application/json\",\n  doc: \"application/msword\",\n  docx: \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n  xls: \"application/vnd.ms-excel\",\n  xlsx: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n  ppt: \"application/vnd.ms-powerpoint\",\n  pptx: \"application/vnd.openxmlformats-officedocument.presentationml.presentation\",\n  zip: \"application/zip\",\n};\n\n/** A file's type: the browser's, else the one its extension names, else \"\". */\nexport function typeOf(file: Pick<Picked, \"name\" | \"type\">): string {\n  return (file.type || TYPES[extensionOf(file.name)] || \"\").toLowerCase();\n}\n\n/**\n * Whether a file is of a kind `accept` lists, read as an <input accept> reads it: a type\n * (\"application/pdf\"), a family (\"image/*\") or an extension (\".xlsx\"); none takes anything.\n */\nexport function accepts(\n  accept: readonly string[] | undefined,\n  file: Pick<Picked, \"name\" | \"type\">,\n): boolean {\n  if (accept === undefined || accept.length === 0) return true;\n  const type = typeOf(file);\n  const extension = extensionOf(file.name);\n  return accept.some((raw) => {\n    const rule = raw.trim().toLowerCase();\n    if (rule === \"*\" || rule === \"*/*\") return true;\n    if (rule.startsWith(\".\")) return extension !== \"\" && rule === `.${extension}`;\n    if (rule.endsWith(\"/*\")) return type.startsWith(rule.slice(0, -1));\n    return type === rule;\n  });\n}\n\n/** The most a field takes per file, in MB: its own, within the ceiling. */\nexport function limitOf(maxMb: number | undefined): number {\n  return maxMb !== undefined && maxMb > 0 ? Math.min(maxMb, MAX_MB) : MAX_MB;\n}\n\n/** That most, as people read it: \"10 MB\". */\nfunction limitWords(maxMb: number | undefined, code: string): string {\n  return formatSize(limitOf(maxMb) * MB, code);\n}\n\n/** What keeps a file from being sent, in words: a kind not taken, or past the most; else null. */\nexport function refusalOf(\n  file: Picked,\n  accept: readonly string[] | undefined,\n  maxMb: number | undefined,\n  code: string,\n  messages: KitMessages,\n): string | null {\n  if (!accepts(accept, file)) return messages.wrongType;\n  if (file.size > limitOf(maxMb) * MB) return messages.tooBig(limitWords(maxMb, code));\n  return null;\n}\n\n/**\n * What a failed upload says: past what the server takes (413), a kind it refused (415), or that\n * it failed, to be tried again.\n */\nexport function failureOf(\n  error: unknown,\n  maxMb: number | undefined,\n  code: string,\n  messages: KitMessages,\n): string {\n  const status =\n    typeof error === \"object\" && error !== null && \"status\" in error ? error.status : undefined;\n  if (status === 413) return messages.tooBig(limitWords(maxMb, code));\n  if (status === 415) return messages.wrongType;\n  return messages.uploadFailed;\n}\n\n/** Whether an upload's failure is the person letting it go: nothing to show. */\nexport function isAbort(error: unknown): boolean {\n  return error instanceof DOMException && error.name === \"AbortError\";\n}\n\n/** Short names for the types people know by one. */\nconst SHORT: Readonly<Record<string, string>> = Object.fromEntries(\n  Object.entries(TYPES).map(([extension, type]) => [type, extension.toUpperCase()]),\n);\n\n/**\n * The kinds a field takes as people name them, each once: a family (\"image/*\") by `anyOf`, a type\n * by its short name (\"PDF\", \"XLSX\"), an extension by its letters; none when it takes anything.\n */\nexport function kindsOf(accept: readonly string[] | undefined, messages: KitMessages): string[] {\n  const rules = (accept ?? []).map((rule) => rule.trim().toLowerCase());\n  if (rules.some((rule) => rule === \"*\" || rule === \"*/*\")) return [];\n  const names = rules.map((rule) => {\n    if (rule.startsWith(\".\")) return rule.slice(1).toUpperCase();\n    if (rule.endsWith(\"/*\")) return messages.anyOf(rule.slice(0, -2));\n    return SHORT[rule] ?? (rule.split(\"/\")[1] ?? rule).toUpperCase();\n  });\n  return [...new Set(names.filter((name) => name !== \"\"))];\n}\n\n/** The line under a drop zone: the kinds it takes, joined (\"Images or PDF\"), and its most. */\nexport function limitsOf(\n  accept: readonly string[] | undefined,\n  maxMb: number | undefined,\n  code: string,\n  messages: KitMessages,\n): string {\n  const kinds = kindsOf(accept, messages);\n  const joined =\n    kinds.length === 0 ? \"\" : new Intl.ListFormat(code, { type: \"disjunction\" }).format(kinds);\n  const line = messages.limits(joined, limitWords(maxMb, code));\n  return line.charAt(0).toLocaleUpperCase(code) + line.slice(1);\n}\n\n/** The families a file's glyph tells apart. */\nexport type FileFamily =\n  \"image\" | \"pdf\" | \"sheet\" | \"doc\" | \"slides\" | \"text\" | \"archive\" | \"audio\" | \"video\" | \"other\";\n\nconst FAMILIES: Readonly<Record<string, FileFamily>> = {\n  png: \"image\",\n  jpg: \"image\",\n  jpeg: \"image\",\n  gif: \"image\",\n  webp: \"image\",\n  avif: \"image\",\n  heic: \"image\",\n  heif: \"image\",\n  svg: \"image\",\n  bmp: \"image\",\n  pdf: \"pdf\",\n  csv: \"sheet\",\n  tsv: \"sheet\",\n  xls: \"sheet\",\n  xlsx: \"sheet\",\n  ods: \"sheet\",\n  numbers: \"sheet\",\n  doc: \"doc\",\n  docx: \"doc\",\n  odt: \"doc\",\n  rtf: \"doc\",\n  pages: \"doc\",\n  ppt: \"slides\",\n  pptx: \"slides\",\n  odp: \"slides\",\n  key: \"slides\",\n  txt: \"text\",\n  md: \"text\",\n  markdown: \"text\",\n  json: \"text\",\n  yaml: \"text\",\n  yml: \"text\",\n  xml: \"text\",\n  html: \"text\",\n  log: \"text\",\n  zip: \"archive\",\n  rar: \"archive\",\n  \"7z\": \"archive\",\n  tar: \"archive\",\n  gz: \"archive\",\n  mp3: \"audio\",\n  wav: \"audio\",\n  m4a: \"audio\",\n  ogg: \"audio\",\n  mp4: \"video\",\n  mov: \"video\",\n  webm: \"video\",\n};\n\n/** A file's family, by its name's extension first, then by its type. */\nexport function familyOf(name: string, type: string): FileFamily {\n  const known = FAMILIES[extensionOf(name)];\n  if (known) return known;\n  const media = type.toLowerCase();\n  if (media === \"application/pdf\") return \"pdf\";\n  const family = media.split(\"/\")[0];\n  return family === \"image\" || family === \"audio\" || family === \"video\" || family === \"text\"\n    ? family\n    : \"other\";\n}\n"],"mappings":"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"}

package/dist/kit/waveform.js

@@ -0,0 +1,76 @@
+import { useEffect, useState } from "react";
+//#region src/kit/waveform.ts
+/** The most a file may weigh to be drawn as its waveform: past it, it draws even. */
+const MOST_BYTES = 8388608;
+const drawn = /* @__PURE__ */ new Map();
+/**
+* An audio's waveform as `bars` heights between 0 and 1 (each stretch's energy, the strongest at
+* 1), and its length. Read once per address and kept; null while it is read, and for audio the
+* browser can't read (or too heavy to), which draws even.
+*/
+function useWaveform(src, bars) {
+	const [heights, setHeights] = useState(null);
+	useEffect(() => {
+		if (src === void 0) return;
+		let live = true;
+		const key = `${String(bars)} ${src}`;
+		let reading = drawn.get(key);
+		if (reading === void 0) {
+			reading = read(src, bars);
+			drawn.set(key, reading);
+		}
+		reading.then((read) => {
+			if (live) setHeights(read);
+		});
+		return () => {
+			live = false;
+		};
+	}, [src, bars]);
+	return heights;
+}
+async function read(src, bars) {
+	try {
+		const response = await fetch(src, { credentials: "same-origin" });
+		if (!response.ok) return null;
+		if (Number(response.headers.get("content-length") ?? 0) > MOST_BYTES) return null;
+		const context = new AudioContext();
+		try {
+			const audio = await context.decodeAudioData(await response.arrayBuffer());
+			return {
+				heights: energies(audio, bars),
+				seconds: audio.duration
+			};
+		} finally {
+			context.close();
+		}
+	} catch {
+		return null;
+	}
+}
+/**
+* The energy (root mean square) of each of `bars` even stretches, the strongest channel's, scaled
+* so the strongest stretch is 1: speech reads as its syllables and pauses, where the loudest
+* sample of each would stand nearly even.
+*/
+function energies(audio, bars) {
+	const channels = Array.from({ length: audio.numberOfChannels }, (_, index) => audio.getChannelData(index));
+	const length = channels[0]?.length ?? 0;
+	const stretch = Math.max(1, Math.floor(length / bars));
+	const found = Array.from({ length: bars }, (_, bar) => {
+		const from = bar * stretch;
+		const to = Math.min(length, from + stretch);
+		let strongest = 0;
+		for (const data of channels) {
+			let sum = 0;
+			for (let at = from; at < to; at += 1) sum += (data[at] ?? 0) ** 2;
+			strongest = Math.max(strongest, to > from ? Math.sqrt(sum / (to - from)) : 0);
+		}
+		return strongest;
+	});
+	const top = Math.max(...found, 0);
+	return top === 0 ? found.map(() => 0) : found.map((value) => value / top);
+}
+//#endregion
+export { energies, useWaveform };
+
+//# sourceMappingURL=waveform.js.map

package/dist/kit/waveform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"waveform.js","names":[],"sources":["../../src/kit/waveform.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\n/** The most a file may weigh to be drawn as its waveform: past it, it draws even. */\nconst MOST_BYTES = 8 * 1024 * 1024;\n\n/** An audio as drawn: its bars' heights, and how long it is (what an Ogg doesn't say upfront). */\nexport interface Waveform {\n  heights: number[];\n  seconds: number;\n}\n\nconst drawn = new Map<string, Promise<Waveform | null>>();\n\n/**\n * An audio's waveform as `bars` heights between 0 and 1 (each stretch's energy, the strongest at\n * 1), and its length. Read once per address and kept; null while it is read, and for audio the\n * browser can't read (or too heavy to), which draws even.\n */\nexport function useWaveform(src: string | undefined, bars: number): Waveform | null {\n  const [heights, setHeights] = useState<Waveform | null>(null);\n  useEffect(() => {\n    if (src === undefined) return;\n    let live = true;\n    const key = `${String(bars)} ${src}`;\n    let reading = drawn.get(key);\n    if (reading === undefined) {\n      reading = read(src, bars);\n      drawn.set(key, reading);\n    }\n    void reading.then((read) => {\n      if (live) setHeights(read);\n    });\n    return () => {\n      live = false;\n    };\n  }, [src, bars]);\n  return heights;\n}\n\nasync function read(src: string, bars: number): Promise<Waveform | null> {\n  try {\n    const response = await fetch(src, { credentials: \"same-origin\" });\n    if (!response.ok) return null;\n    if (Number(response.headers.get(\"content-length\") ?? 0) > MOST_BYTES) return null;\n    const context = new AudioContext();\n    try {\n      const audio = await context.decodeAudioData(await response.arrayBuffer());\n      return { heights: energies(audio, bars), seconds: audio.duration };\n    } finally {\n      void context.close();\n    }\n  } catch {\n    return null;\n  }\n}\n\n/**\n * The energy (root mean square) of each of `bars` even stretches, the strongest channel's, scaled\n * so the strongest stretch is 1: speech reads as its syllables and pauses, where the loudest\n * sample of each would stand nearly even.\n */\nexport function energies(\n  audio: Pick<AudioBuffer, \"numberOfChannels\" | \"getChannelData\">,\n  bars: number,\n): number[] {\n  const channels = Array.from({ length: audio.numberOfChannels }, (_, index) =>\n    audio.getChannelData(index),\n  );\n  const length = channels[0]?.length ?? 0;\n  const stretch = Math.max(1, Math.floor(length / bars));\n  const found = Array.from({ length: bars }, (_, bar) => {\n    const from = bar * stretch;\n    const to = Math.min(length, from + stretch);\n    let strongest = 0;\n    for (const data of channels) {\n      let sum = 0;\n      for (let at = from; at < to; at += 1) sum += (data[at] ?? 0) ** 2;\n      strongest = Math.max(strongest, to > from ? Math.sqrt(sum / (to - from)) : 0);\n    }\n    return strongest;\n  });\n  const top = Math.max(...found, 0);\n  return top === 0 ? found.map(() => 0) : found.map((value) => value / top);\n}\n"],"mappings":";;;AAGA,MAAM,aAAa;AAQnB,MAAM,wBAAQ,IAAI,IAAsC;;;;;;AAOxD,SAAgB,YAAY,KAAyB,MAA+B;CAClF,MAAM,CAAC,SAAS,cAAc,SAA0B,IAAI;CAC5D,gBAAgB;EACd,IAAI,QAAQ,KAAA,GAAW;EACvB,IAAI,OAAO;EACX,MAAM,MAAM,GAAG,OAAO,IAAI,EAAE,GAAG;EAC/B,IAAI,UAAU,MAAM,IAAI,GAAG;EAC3B,IAAI,YAAY,KAAA,GAAW;GACzB,UAAU,KAAK,KAAK,IAAI;GACxB,MAAM,IAAI,KAAK,OAAO;EACxB;EACA,QAAa,MAAM,SAAS;GAC1B,IAAI,MAAM,WAAW,IAAI;EAC3B,CAAC;EACD,aAAa;GACX,OAAO;EACT;CACF,GAAG,CAAC,KAAK,IAAI,CAAC;CACd,OAAO;AACT;AAEA,eAAe,KAAK,KAAa,MAAwC;CACvE,IAAI;EACF,MAAM,WAAW,MAAM,MAAM,KAAK,EAAE,aAAa,cAAc,CAAC;EAChE,IAAI,CAAC,SAAS,IAAI,OAAO;EACzB,IAAI,OAAO,SAAS,QAAQ,IAAI,gBAAgB,KAAK,CAAC,IAAI,YAAY,OAAO;EAC7E,MAAM,UAAU,IAAI,aAAa;EACjC,IAAI;GACF,MAAM,QAAQ,MAAM,QAAQ,gBAAgB,MAAM,SAAS,YAAY,CAAC;GACxE,OAAO;IAAE,SAAS,SAAS,OAAO,IAAI;IAAG,SAAS,MAAM;GAAS;EACnE,UAAU;GACR,QAAa,MAAM;EACrB;CACF,QAAQ;EACN,OAAO;CACT;AACF;;;;;;AAOA,SAAgB,SACd,OACA,MACU;CACV,MAAM,WAAW,MAAM,KAAK,EAAE,QAAQ,MAAM,iBAAiB,IAAI,GAAG,UAClE,MAAM,eAAe,KAAK,CAC5B;CACA,MAAM,SAAS,SAAS,EAAE,EAAE,UAAU;CACtC,MAAM,UAAU,KAAK,IAAI,GAAG,KAAK,MAAM,SAAS,IAAI,CAAC;CACrD,MAAM,QAAQ,MAAM,KAAK,EAAE,QAAQ,KAAK,IAAI,GAAG,QAAQ;EACrD,MAAM,OAAO,MAAM;EACnB,MAAM,KAAK,KAAK,IAAI,QAAQ,OAAO,OAAO;EAC1C,IAAI,YAAY;EAChB,KAAK,MAAM,QAAQ,UAAU;GAC3B,IAAI,MAAM;GACV,KAAK,IAAI,KAAK,MAAM,KAAK,IAAI,MAAM,GAAG,QAAQ,KAAK,OAAO,MAAM;GAChE,YAAY,KAAK,IAAI,WAAW,KAAK,OAAO,KAAK,KAAK,OAAO,KAAK,KAAK,IAAI,CAAC;EAC9E;EACA,OAAO;CACT,CAAC;CACD,MAAM,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC;CAChC,OAAO,QAAQ,IAAI,MAAM,UAAU,CAAC,IAAI,MAAM,KAAK,UAAU,QAAQ,GAAG;AAC1E"}

package/dist/locale.d.ts

@@ -0,0 +1 @@
+export * from "react-day-picker/locale";

package/dist/locale.js

@@ -0,0 +1 @@
+export * from "react-day-picker/locale";

package/dist/markdown.js

@@ -0,0 +1,84 @@
+//#region src/markdown.ts
+/** `# Title`, up to six marks, a space, the words (closing marks dropped). */
+const HEADING = /^ {0,3}(#{1,6})\s+(.*?)(?:\s+#+)?\s*$/;
+const ITEM = /^\s*[-*]\s+(.*)$/;
+const INLINE = /`([^`]+)`|\*\*([^*]+)\*\*|\*([^*]+)\*|\[([^\]]+)\]\(([^)\s]+)\)/g;
+const SAFE_HREF = /^(https?:|mailto:)/i;
+function parse(markdown) {
+	const nodes = [];
+	let lines = [];
+	const paragraph = () => {
+		if (lines.length > 0) nodes.push({
+			kind: "paragraph",
+			inline: inline(lines.join("\n"))
+		});
+		lines = [];
+	};
+	for (const line of markdown.split("\n")) {
+		const heading = HEADING.exec(line);
+		const item = ITEM.exec(line);
+		if (heading) {
+			paragraph();
+			const [, marks = "#", text = ""] = heading;
+			nodes.push({
+				kind: "heading",
+				level: marks.length,
+				inline: inline(text)
+			});
+		} else if (item) {
+			paragraph();
+			const last = nodes.at(-1);
+			const text = inline(item[1] ?? "");
+			if (last?.kind === "list") last.items.push(text);
+			else nodes.push({
+				kind: "list",
+				items: [text]
+			});
+		} else if (line.trim() === "") paragraph();
+		else lines.push(line.trim());
+	}
+	paragraph();
+	return nodes;
+}
+function inline(text) {
+	const out = [];
+	let at = 0;
+	for (const match of text.matchAll(INLINE)) {
+		if (match.index > at) out.push({
+			kind: "text",
+			text: text.slice(at, match.index)
+		});
+		const [whole, code, strong, em, label, href] = match;
+		if (code !== void 0) out.push({
+			kind: "code",
+			text: code
+		});
+		else if (strong !== void 0) out.push({
+			kind: "strong",
+			text: strong
+		});
+		else if (em !== void 0) out.push({
+			kind: "em",
+			text: em
+		});
+		else if (label !== void 0 && href !== void 0 && SAFE_HREF.test(href)) out.push({
+			kind: "link",
+			text: label,
+			href
+		});
+		else out.push({
+			kind: "text",
+			text: whole
+		});
+		at = match.index + whole.length;
+	}
+	if (at < text.length) out.push({
+		kind: "text",
+		text: text.slice(at)
+	});
+	return out;
+}
+//#endregion
+export { inline, parse };
+
+//# sourceMappingURL=markdown.js.map

package/dist/markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.js","names":[],"sources":["../src/markdown.ts"],"sourcesContent":["/**\n * The little Markdown an agent's words use, read into a tree the renderer draws: headings,\n * paragraphs and bullet lists, with bold, italic, code and links inside. No library: this is all\n * a surface's text (and a file of notes) needs, and what it cannot read it shows as written.\n */\n\nexport type Inline =\n  | { kind: \"text\" | \"strong\" | \"em\" | \"code\"; text: string }\n  | { kind: \"link\"; text: string; href: string };\n\nexport type Node =\n  | { kind: \"heading\"; level: number; inline: Inline[] }\n  | { kind: \"paragraph\"; inline: Inline[] }\n  | { kind: \"list\"; items: Inline[][] };\n\n/** `# Title`, up to six marks, a space, the words (closing marks dropped). */\nconst HEADING = /^ {0,3}(#{1,6})\\s+(.*?)(?:\\s+#+)?\\s*$/;\nconst ITEM = /^\\s*[-*]\\s+(.*)$/;\nconst INLINE = /`([^`]+)`|\\*\\*([^*]+)\\*\\*|\\*([^*]+)\\*|\\[([^\\]]+)\\]\\(([^)\\s]+)\\)/g;\n// The words are the agent's, not the host's: a link may open a page, never run anything.\nconst SAFE_HREF = /^(https?:|mailto:)/i;\n\nexport function parse(markdown: string): Node[] {\n  const nodes: Node[] = [];\n  let lines: string[] = [];\n  const paragraph = () => {\n    if (lines.length > 0) nodes.push({ kind: \"paragraph\", inline: inline(lines.join(\"\\n\")) });\n    lines = [];\n  };\n  for (const line of markdown.split(\"\\n\")) {\n    const heading = HEADING.exec(line);\n    const item = ITEM.exec(line);\n    if (heading) {\n      paragraph();\n      const [, marks = \"#\", text = \"\"] = heading;\n      nodes.push({ kind: \"heading\", level: marks.length, inline: inline(text) });\n    } else if (item) {\n      paragraph();\n      const last = nodes.at(-1);\n      const text = inline(item[1] ?? \"\");\n      if (last?.kind === \"list\") last.items.push(text);\n      else nodes.push({ kind: \"list\", items: [text] });\n    } else if (line.trim() === \"\") {\n      paragraph();\n    } else {\n      lines.push(line.trim());\n    }\n  }\n  paragraph();\n  return nodes;\n}\n\nexport function inline(text: string): Inline[] {\n  const out: Inline[] = [];\n  let at = 0;\n  for (const match of text.matchAll(INLINE)) {\n    if (match.index > at) out.push({ kind: \"text\", text: text.slice(at, match.index) });\n    const [whole, code, strong, em, label, href] = match;\n    if (code !== undefined) out.push({ kind: \"code\", text: code });\n    else if (strong !== undefined) out.push({ kind: \"strong\", text: strong });\n    else if (em !== undefined) out.push({ kind: \"em\", text: em });\n    else if (label !== undefined && href !== undefined && SAFE_HREF.test(href)) {\n      out.push({ kind: \"link\", text: label, href });\n    } else out.push({ kind: \"text\", text: whole });\n    at = match.index + whole.length;\n  }\n  if (at < text.length) out.push({ kind: \"text\", text: text.slice(at) });\n  return out;\n}\n"],"mappings":";;AAgBA,MAAM,UAAU;AAChB,MAAM,OAAO;AACb,MAAM,SAAS;AAEf,MAAM,YAAY;AAElB,SAAgB,MAAM,UAA0B;CAC9C,MAAM,QAAgB,CAAC;CACvB,IAAI,QAAkB,CAAC;CACvB,MAAM,kBAAkB;EACtB,IAAI,MAAM,SAAS,GAAG,MAAM,KAAK;GAAE,MAAM;GAAa,QAAQ,OAAO,MAAM,KAAK,IAAI,CAAC;EAAE,CAAC;EACxF,QAAQ,CAAC;CACX;CACA,KAAK,MAAM,QAAQ,SAAS,MAAM,IAAI,GAAG;EACvC,MAAM,UAAU,QAAQ,KAAK,IAAI;EACjC,MAAM,OAAO,KAAK,KAAK,IAAI;EAC3B,IAAI,SAAS;GACX,UAAU;GACV,MAAM,GAAG,QAAQ,KAAK,OAAO,MAAM;GACnC,MAAM,KAAK;IAAE,MAAM;IAAW,OAAO,MAAM;IAAQ,QAAQ,OAAO,IAAI;GAAE,CAAC;EAC3E,OAAO,IAAI,MAAM;GACf,UAAU;GACV,MAAM,OAAO,MAAM,GAAG,EAAE;GACxB,MAAM,OAAO,OAAO,KAAK,MAAM,EAAE;GACjC,IAAI,MAAM,SAAS,QAAQ,KAAK,MAAM,KAAK,IAAI;QAC1C,MAAM,KAAK;IAAE,MAAM;IAAQ,OAAO,CAAC,IAAI;GAAE,CAAC;EACjD,OAAO,IAAI,KAAK,KAAK,MAAM,IACzB,UAAU;OAEV,MAAM,KAAK,KAAK,KAAK,CAAC;CAE1B;CACA,UAAU;CACV,OAAO;AACT;AAEA,SAAgB,OAAO,MAAwB;CAC7C,MAAM,MAAgB,CAAC;CACvB,IAAI,KAAK;CACT,KAAK,MAAM,SAAS,KAAK,SAAS,MAAM,GAAG;EACzC,IAAI,MAAM,QAAQ,IAAI,IAAI,KAAK;GAAE,MAAM;GAAQ,MAAM,KAAK,MAAM,IAAI,MAAM,KAAK;EAAE,CAAC;EAClF,MAAM,CAAC,OAAO,MAAM,QAAQ,IAAI,OAAO,QAAQ;EAC/C,IAAI,SAAS,KAAA,GAAW,IAAI,KAAK;GAAE,MAAM;GAAQ,MAAM;EAAK,CAAC;OACxD,IAAI,WAAW,KAAA,GAAW,IAAI,KAAK;GAAE,MAAM;GAAU,MAAM;EAAO,CAAC;OACnE,IAAI,OAAO,KAAA,GAAW,IAAI,KAAK;GAAE,MAAM;GAAM,MAAM;EAAG,CAAC;OACvD,IAAI,UAAU,KAAA,KAAa,SAAS,KAAA,KAAa,UAAU,KAAK,IAAI,GACvE,IAAI,KAAK;GAAE,MAAM;GAAQ,MAAM;GAAO;EAAK,CAAC;OACvC,IAAI,KAAK;GAAE,MAAM;GAAQ,MAAM;EAAM,CAAC;EAC7C,KAAK,MAAM,QAAQ,MAAM;CAC3B;CACA,IAAI,KAAK,KAAK,QAAQ,IAAI,KAAK;EAAE,MAAM;EAAQ,MAAM,KAAK,MAAM,EAAE;CAAE,CAAC;CACrE,OAAO;AACT"}

package/dist/marks.js

@@ -0,0 +1,217 @@
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/marks.tsx
+/**
+* The marks Qué puede draws, each a 16-unit stroke glyph in `currentColor`: the icons a generated
+* line may carry, the shipped actions' marks, the kinds of automation, and the simplest faithful
+* glyph of each app, channel and device. No icon library: a host reads nothing but this package.
+*/
+const STROKE = {
+	fill: "none",
+	stroke: "currentColor",
+	strokeWidth: 1.5,
+	strokeLinecap: "round",
+	strokeLinejoin: "round"
+};
+/** One glyph: the paths inside the shared frame. */
+function Glyph({ children, brand }) {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 16 16",
+		"aria-hidden": true,
+		"data-brand": brand,
+		...STROKE,
+		children
+	});
+}
+const message = /* @__PURE__ */ jsx("path", { d: "M3 3h10a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H7.6l-3.1 2.6V11H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z" });
+const phone = /* @__PURE__ */ jsx("path", { d: "M4.3 2.5h2l1.1 2.9-1.5 1a7.3 7.3 0 0 0 3.7 3.7l1-1.5 2.9 1.1v2a1.2 1.2 0 0 1-1.3 1.2A10.5 10.5 0 0 1 3.1 3.8a1.2 1.2 0 0 1 1.2-1.3z" });
+const mail = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("rect", {
+	x: "2.5",
+	y: "3.5",
+	width: "11",
+	height: "9",
+	rx: "1.5"
+}), /* @__PURE__ */ jsx("path", { d: "m2.5 5.5 5.5 3.7 5.5-3.7" })] });
+const search = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
+	cx: "7",
+	cy: "7",
+	r: "4.25"
+}), /* @__PURE__ */ jsx("path", { d: "m10.2 10.2 3.3 3.3" })] });
+const bell = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M4 11V7.5a4 4 0 0 1 8 0V11l1 1.5H3z" }), /* @__PURE__ */ jsx("path", { d: "M6.5 13.5a1.5 1.5 0 0 0 3 0" })] });
+const hand = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M5.5 8.2V4.5a1 1 0 0 1 2 0v3M7.5 7.5v-4a1 1 0 0 1 2 0v4M9.5 7.5V4.5a1 1 0 0 1 2 0v4.6" }), /* @__PURE__ */ jsx("path", { d: "M5.5 8.2 4.4 7a1 1 0 0 0-1.6 1.2L5 11.6a3.6 3.6 0 0 0 3.1 1.9H9a2.5 2.5 0 0 0 2.5-2.5V9.1" })] });
+const globe = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("circle", {
+	cx: "8",
+	cy: "8",
+	r: "5.75"
+}), /* @__PURE__ */ jsx("path", { d: "M2.25 8h11.5M8 2.25c2 2.1 2 9.4 0 11.5M8 2.25c-2 2.1-2 9.4 0 11.5" })] });
+const code = /* @__PURE__ */ jsx("path", { d: "m5.5 5-3 3 3 3M10.5 5l3 3-3 3M9.3 3.5 6.7 12.5" });
+const pane = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("rect", {
+	x: "2.5",
+	y: "3",
+	width: "11",
+	height: "10",
+	rx: "1.5"
+}), /* @__PURE__ */ jsx("path", { d: "M2.5 6h11" })] });
+const brain = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M7.5 2.75a2.4 2.4 0 0 0-3.3 2.6 2.4 2.4 0 0 0-.4 4.4A2.4 2.4 0 0 0 7.5 13.3z" }), /* @__PURE__ */ jsx("path", { d: "M8.5 2.75a2.4 2.4 0 0 1 3.3 2.6 2.4 2.4 0 0 1 .4 4.4 2.4 2.4 0 0 1-3.7 3.55z" })] });
+const book = /* @__PURE__ */ jsx("path", { d: "M2.5 3.5H7a1 1 0 0 1 1 1v9a1 1 0 0 0-1-1H2.5zM13.5 3.5H9a1 1 0 0 0-1 1v9a1 1 0 0 1 1-1h4.5z" });
+const bolt = /* @__PURE__ */ jsx("path", { d: "M9 2 3.5 9h4L7 14l5.5-7h-4z" });
+/** The shipped actions' marks, by name; an own action is code, one this package does not know a bolt. */
+const ACTIONS = {
+	show: pane,
+	ask_person: message,
+	escalate: hand,
+	notify: bell,
+	remember: brain,
+	recall: brain,
+	search_files: search,
+	load_skill: book,
+	browser_open: globe,
+	browser_read: globe,
+	browser_click: globe,
+	browser_fill: globe,
+	browser_scroll: globe,
+	browser_back: globe,
+	browser_submit: globe,
+	browser_hand_over: hand
+};
+const actionMark = (name, source) => /* @__PURE__ */ jsx(Glyph, { children: source === "own" ? code : ACTIONS[name] ?? bolt });
+/** A letter alone: the simplest monogram of an app. */
+function Monogram({ letter }) {
+	return /* @__PURE__ */ jsx("text", {
+		x: "8",
+		y: "12.25",
+		textAnchor: "middle",
+		fontSize: "12.5",
+		fontWeight: "500",
+		fontFamily: "inherit",
+		fill: "currentColor",
+		stroke: "none",
+		children: letter
+	});
+}
+const PROVIDERS = {
+	arcade: /* @__PURE__ */ jsx(Monogram, { letter: "A" }),
+	composio: /* @__PURE__ */ jsx(Monogram, { letter: "C" }),
+	mcp: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M8 1.75 13.4 4.9v6.2L8 14.25 2.6 11.1V4.9z" }), /* @__PURE__ */ jsx("circle", {
+		cx: "8",
+		cy: "8",
+		r: "1.4",
+		fill: "currentColor",
+		stroke: "none"
+	})] }),
+	api: /* @__PURE__ */ jsx("path", { d: "M6 2.5c-1.5 0-2 .6-2 2v1.8c0 1-.5 1.7-1.5 1.7 1 0 1.5.7 1.5 1.7v1.8c0 1.4.5 2 2 2M10 2.5c1.5 0 2 .6 2 2v1.8c0 1 .5 1.7 1.5 1.7-1 0-1.5.7-1.5 1.7v1.8c0 1.4-.5 2-2 2" })
+};
+/** An app's mark: its own, when the provider gives a URL; the provider's glyph otherwise. */
+const providerMark = (provider, icon) => icon === void 0 ? /* @__PURE__ */ jsx(Glyph, { children: PROVIDERS[provider] }) : /* @__PURE__ */ jsx("img", {
+	src: icon,
+	alt: ""
+});
+const CHANNELS = {
+	whatsapp: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("path", { d: "M8 2.25A5.75 5.75 0 0 0 3.1 11L2.3 13.7l2.8-.75A5.75 5.75 0 1 0 8 2.25z" }), /* @__PURE__ */ jsx("path", {
+		d: "M6.2 5.3c.2-.3.5-.3.7-.3l.5 1.2c.1.2 0 .4-.1.5l-.4.4c.4.9 1.1 1.6 2 2l.4-.4c.1-.1.3-.2.5-.1l1.2.5c0 .2 0 .5-.3.7-.5.3-1.2.4-2.5-.5C6.9 8.4 6.3 7.3 6 6.1c-.1-.3 0-.6.2-.8z",
+		fill: "currentColor",
+		stroke: "none"
+	})] }),
+	instagram: /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("rect", {
+			x: "2.5",
+			y: "2.5",
+			width: "11",
+			height: "11",
+			rx: "3"
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "8",
+			cy: "8",
+			r: "2.6"
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "11.2",
+			cy: "4.8",
+			r: ".7",
+			fill: "currentColor",
+			stroke: "none"
+		})
+	] }),
+	email: mail,
+	sms: /* @__PURE__ */ jsxs(Fragment, { children: [
+		message,
+		/* @__PURE__ */ jsx("circle", {
+			cx: "5.5",
+			cy: "7",
+			r: ".7",
+			fill: "currentColor",
+			stroke: "none"
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "8",
+			cy: "7",
+			r: ".7",
+			fill: "currentColor",
+			stroke: "none"
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "10.5",
+			cy: "7",
+			r: ".7",
+			fill: "currentColor",
+			stroke: "none"
+		})
+	] }),
+	web: globe,
+	phone
+};
+/** A channel's glyph, carrying its brand for the stylesheet's tint. */
+const channelMark = (kind) => /* @__PURE__ */ jsx(Glyph, {
+	brand: kind,
+	children: CHANNELS[kind]
+});
+const DEVICES = {
+	extension: /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("circle", {
+			cx: "8",
+			cy: "8",
+			r: "5.75"
+		}),
+		/* @__PURE__ */ jsx("circle", {
+			cx: "8",
+			cy: "8",
+			r: "2.25"
+		}),
+		/* @__PURE__ */ jsx("path", { d: "M8 5.75h5.5M6.05 9.1 3.3 4.4M9.95 9.1l-2.7 4.6" })
+	] }),
+	installer: /* @__PURE__ */ jsxs(Fragment, { children: [
+		/* @__PURE__ */ jsx("rect", {
+			x: "2.5",
+			y: "2.5",
+			width: "4.75",
+			height: "4.75",
+			rx: "1"
+		}),
+		/* @__PURE__ */ jsx("rect", {
+			x: "8.75",
+			y: "2.5",
+			width: "4.75",
+			height: "4.75",
+			rx: "1"
+		}),
+		/* @__PURE__ */ jsx("rect", {
+			x: "2.5",
+			y: "8.75",
+			width: "4.75",
+			height: "4.75",
+			rx: "1"
+		}),
+		/* @__PURE__ */ jsx("rect", {
+			x: "8.75",
+			y: "8.75",
+			width: "4.75",
+			height: "4.75",
+			rx: "1"
+		})
+	] })
+};
+const deviceMark = (kind) => /* @__PURE__ */ jsx(Glyph, { children: DEVICES[kind] });
+//#endregion
+export { actionMark, channelMark, deviceMark, providerMark };
+
+//# sourceMappingURL=marks.js.map

package/dist/marks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"marks.js","names":[],"sources":["../src/marks.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nimport type {\n  ActionSource,\n  AutomationKind,\n  ChannelKind,\n  DeviceKind,\n  Icon,\n  Provider,\n} from \"./about\";\n\n/**\n * The marks Qué puede draws, each a 16-unit stroke glyph in `currentColor`: the icons a generated\n * line may carry, the shipped actions' marks, the kinds of automation, and the simplest faithful\n * glyph of each app, channel and device. No icon library: a host reads nothing but this package.\n */\n\nconst STROKE = {\n  fill: \"none\",\n  stroke: \"currentColor\",\n  strokeWidth: 1.5,\n  strokeLinecap: \"round\",\n  strokeLinejoin: \"round\",\n} as const;\n\ninterface GlyphProps {\n  /** A brand's own tint, set by the stylesheet on the mark alone. */\n  brand?: ChannelKind | undefined;\n}\n\n/** One glyph: the paths inside the shared frame. */\nfunction Glyph({ children, brand }: GlyphProps & { children: ReactNode }) {\n  return (\n    <svg viewBox=\"0 0 16 16\" aria-hidden data-brand={brand} {...STROKE}>\n      {children}\n    </svg>\n  );\n}\n\nconst message = (\n  <path d=\"M3 3h10a1 1 0 0 1 1 1v6a1 1 0 0 1-1 1H7.6l-3.1 2.6V11H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1z\" />\n);\nconst phone = (\n  <path d=\"M4.3 2.5h2l1.1 2.9-1.5 1a7.3 7.3 0 0 0 3.7 3.7l1-1.5 2.9 1.1v2a1.2 1.2 0 0 1-1.3 1.2A10.5 10.5 0 0 1 3.1 3.8a1.2 1.2 0 0 1 1.2-1.3z\" />\n);\nconst mail = (\n  <>\n    <rect x=\"2.5\" y=\"3.5\" width=\"11\" height=\"9\" rx=\"1.5\" />\n    <path d=\"m2.5 5.5 5.5 3.7 5.5-3.7\" />\n  </>\n);\nconst calendar = (\n  <>\n    <rect x=\"2.5\" y=\"3.5\" width=\"11\" height=\"10\" rx=\"1.5\" />\n    <path d=\"M2.5 7h11M5.5 2v3M10.5 2v3\" />\n  </>\n);\nconst clock = (\n  <>\n    <circle cx=\"8\" cy=\"8\" r=\"5.75\" />\n    <path d=\"M8 4.75V8l2.2 1.4\" />\n  </>\n);\nconst search = (\n  <>\n    <circle cx=\"7\" cy=\"7\" r=\"4.25\" />\n    <path d=\"m10.2 10.2 3.3 3.3\" />\n  </>\n);\nconst file = (\n  <>\n    <path d=\"M4 2.5h5l3.5 3.5v7.5a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-10a1 1 0 0 1 1-1z\" />\n    <path d=\"M9 2.5V6h3.5\" />\n  </>\n);\nconst table = (\n  <>\n    <rect x=\"2.5\" y=\"3\" width=\"11\" height=\"10\" rx=\"1.5\" />\n    <path d=\"M2.5 6.5h11M6.5 6.5V13\" />\n  </>\n);\nconst bell = (\n  <>\n    <path d=\"M4 11V7.5a4 4 0 0 1 8 0V11l1 1.5H3z\" />\n    <path d=\"M6.5 13.5a1.5 1.5 0 0 0 3 0\" />\n  </>\n);\nconst hand = (\n  <>\n    <path d=\"M5.5 8.2V4.5a1 1 0 0 1 2 0v3M7.5 7.5v-4a1 1 0 0 1 2 0v4M9.5 7.5V4.5a1 1 0 0 1 2 0v4.6\" />\n    <path d=\"M5.5 8.2 4.4 7a1 1 0 0 0-1.6 1.2L5 11.6a3.6 3.6 0 0 0 3.1 1.9H9a2.5 2.5 0 0 0 2.5-2.5V9.1\" />\n  </>\n);\nconst user = (\n  <>\n    <circle cx=\"8\" cy=\"5.5\" r=\"2.75\" />\n    <path d=\"M3 13.5a5 5 0 0 1 10 0\" />\n  </>\n);\nconst globe = (\n  <>\n    <circle cx=\"8\" cy=\"8\" r=\"5.75\" />\n    <path d=\"M2.25 8h11.5M8 2.25c2 2.1 2 9.4 0 11.5M8 2.25c-2 2.1-2 9.4 0 11.5\" />\n  </>\n);\nconst code = <path d=\"m5.5 5-3 3 3 3M10.5 5l3 3-3 3M9.3 3.5 6.7 12.5\" />;\nconst lock = (\n  <>\n    <rect x=\"3.5\" y=\"7\" width=\"9\" height=\"6.5\" rx=\"1.5\" />\n    <path d=\"M5.5 7V5a2.5 2.5 0 0 1 5 0v2\" />\n  </>\n);\nconst cart = (\n  <>\n    <path d=\"M2 3h1.8l1.4 7h7.3l1.3-5H4.4\" />\n    <circle cx=\"6\" cy=\"12.8\" r=\".9\" fill=\"currentColor\" stroke=\"none\" />\n    <circle cx=\"11.5\" cy=\"12.8\" r=\".9\" fill=\"currentColor\" stroke=\"none\" />\n  </>\n);\nconst card = (\n  <>\n    <rect x=\"2\" y=\"3.5\" width=\"12\" height=\"9\" rx=\"1.5\" />\n    <path d=\"M2 6.5h12M4.5 10h3\" />\n  </>\n);\nconst map = (\n  <>\n    <path d=\"m2.5 4.5 3.5-1.5 4 1.5 3.5-1.5v9l-3.5 1.5-4-1.5-3.5 1.5z\" />\n    <path d=\"M6 3v9M10 4.5v9\" />\n  </>\n);\nconst check = <path d=\"m3.5 8.5 3 3 6-7\" />;\nconst warning = (\n  <>\n    <path d=\"M8 2.5 14 13H2z\" />\n    <path d=\"M8 6.5v3\" />\n    <circle cx=\"8\" cy=\"11.3\" r=\".8\" fill=\"currentColor\" stroke=\"none\" />\n  </>\n);\nconst sparkle = (\n  <>\n    <path d=\"M7 2.5c.4 2.9 1.5 4 4.4 4.4-2.9.4-4 1.5-4.4 4.4-.4-2.9-1.5-4-4.4-4.4C5.5 6.5 6.6 5.4 7 2.5z\" />\n    <path d=\"M12.3 10.5c.2 1 .5 1.3 1.5 1.5-1 .2-1.3.5-1.5 1.5-.2-1-.5-1.3-1.5-1.5 1-.2 1.3-.5 1.5-1.5z\" />\n  </>\n);\n\nconst ICONS: Readonly<Record<Icon, ReactNode>> = {\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};\n\n/** The mark of a generated line. */\nexport const iconOf = (icon: Icon): ReactNode => <Glyph>{ICONS[icon]}</Glyph>;\n\nconst pane = (\n  <>\n    <rect x=\"2.5\" y=\"3\" width=\"11\" height=\"10\" rx=\"1.5\" />\n    <path d=\"M2.5 6h11\" />\n  </>\n);\nconst brain = (\n  <>\n    <path d=\"M7.5 2.75a2.4 2.4 0 0 0-3.3 2.6 2.4 2.4 0 0 0-.4 4.4A2.4 2.4 0 0 0 7.5 13.3z\" />\n    <path d=\"M8.5 2.75a2.4 2.4 0 0 1 3.3 2.6 2.4 2.4 0 0 1 .4 4.4 2.4 2.4 0 0 1-3.7 3.55z\" />\n  </>\n);\nconst book = (\n  <path d=\"M2.5 3.5H7a1 1 0 0 1 1 1v9a1 1 0 0 0-1-1H2.5zM13.5 3.5H9a1 1 0 0 0-1 1v9a1 1 0 0 1 1-1h4.5z\" />\n);\nconst bolt = <path d=\"M9 2 3.5 9h4L7 14l5.5-7h-4z\" />;\n\n/** The shipped actions' marks, by name; an own action is code, one this package does not know a bolt. */\nconst ACTIONS: Readonly<Record<string, ReactNode>> = {\n  show: pane,\n  ask_person: message,\n  escalate: hand,\n  notify: bell,\n  remember: brain,\n  recall: brain,\n  search_files: search,\n  load_skill: book,\n  browser_open: globe,\n  browser_read: globe,\n  browser_click: globe,\n  browser_fill: globe,\n  browser_scroll: globe,\n  browser_back: globe,\n  browser_submit: globe,\n  browser_hand_over: hand,\n};\n\nexport const actionMark = (name: string, source: ActionSource): ReactNode => (\n  <Glyph>{source === \"own\" ? code : (ACTIONS[name] ?? bolt)}</Glyph>\n);\n\nconst hook = (\n  <>\n    <path d=\"M2.5 8h7M7 5.5 9.5 8 7 10.5\" />\n    <path d=\"M11 3.5h1.5a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H11\" />\n  </>\n);\n\nconst AUTOMATIONS: Readonly<Record<AutomationKind, ReactNode>> = {\n  schedule: clock,\n  webhook: hook,\n  event: bolt,\n};\n\nexport const automationMark = (kind: AutomationKind): ReactNode => (\n  <Glyph>{AUTOMATIONS[kind]}</Glyph>\n);\n\n/** A letter alone: the simplest monogram of an app. */\nfunction Monogram({ letter }: { letter: string }) {\n  return (\n    <text\n      x=\"8\"\n      y=\"12.25\"\n      textAnchor=\"middle\"\n      fontSize=\"12.5\"\n      fontWeight=\"500\"\n      fontFamily=\"inherit\"\n      fill=\"currentColor\"\n      stroke=\"none\"\n    >\n      {letter}\n    </text>\n  );\n}\n\nconst hexagon = (\n  <>\n    <path d=\"M8 1.75 13.4 4.9v6.2L8 14.25 2.6 11.1V4.9z\" />\n    <circle cx=\"8\" cy=\"8\" r=\"1.4\" fill=\"currentColor\" stroke=\"none\" />\n  </>\n);\nconst braces = (\n  <path d=\"M6 2.5c-1.5 0-2 .6-2 2v1.8c0 1-.5 1.7-1.5 1.7 1 0 1.5.7 1.5 1.7v1.8c0 1.4.5 2 2 2M10 2.5c1.5 0 2 .6 2 2v1.8c0 1 .5 1.7 1.5 1.7-1 0-1.5.7-1.5 1.7v1.8c0 1.4-.5 2-2 2\" />\n);\n\nconst PROVIDERS: Readonly<Record<Provider, ReactNode>> = {\n  arcade: <Monogram letter=\"A\" />,\n  composio: <Monogram letter=\"C\" />,\n  mcp: hexagon,\n  api: braces,\n};\n\n/** An app's mark: its own, when the provider gives a URL; the provider's glyph otherwise. */\nexport const providerMark = (provider: Provider, icon: string | undefined): ReactNode =>\n  icon === undefined ? <Glyph>{PROVIDERS[provider]}</Glyph> : <img src={icon} alt=\"\" />;\n\nconst whatsapp = (\n  <>\n    <path d=\"M8 2.25A5.75 5.75 0 0 0 3.1 11L2.3 13.7l2.8-.75A5.75 5.75 0 1 0 8 2.25z\" />\n    <path\n      d=\"M6.2 5.3c.2-.3.5-.3.7-.3l.5 1.2c.1.2 0 .4-.1.5l-.4.4c.4.9 1.1 1.6 2 2l.4-.4c.1-.1.3-.2.5-.1l1.2.5c0 .2 0 .5-.3.7-.5.3-1.2.4-2.5-.5C6.9 8.4 6.3 7.3 6 6.1c-.1-.3 0-.6.2-.8z\"\n      fill=\"currentColor\"\n      stroke=\"none\"\n    />\n  </>\n);\nconst instagram = (\n  <>\n    <rect x=\"2.5\" y=\"2.5\" width=\"11\" height=\"11\" rx=\"3\" />\n    <circle cx=\"8\" cy=\"8\" r=\"2.6\" />\n    <circle cx=\"11.2\" cy=\"4.8\" r=\".7\" fill=\"currentColor\" stroke=\"none\" />\n  </>\n);\nconst sms = (\n  <>\n    {message}\n    <circle cx=\"5.5\" cy=\"7\" r=\".7\" fill=\"currentColor\" stroke=\"none\" />\n    <circle cx=\"8\" cy=\"7\" r=\".7\" fill=\"currentColor\" stroke=\"none\" />\n    <circle cx=\"10.5\" cy=\"7\" r=\".7\" fill=\"currentColor\" stroke=\"none\" />\n  </>\n);\n\nconst CHANNELS: Readonly<Record<ChannelKind, ReactNode>> = {\n  whatsapp,\n  instagram,\n  email: mail,\n  sms,\n  web: globe,\n  phone,\n};\n\n/** A channel's glyph, carrying its brand for the stylesheet's tint. */\nexport const channelMark = (kind: ChannelKind): ReactNode => (\n  <Glyph brand={kind}>{CHANNELS[kind]}</Glyph>\n);\n\nconst chrome = (\n  <>\n    <circle cx=\"8\" cy=\"8\" r=\"5.75\" />\n    <circle cx=\"8\" cy=\"8\" r=\"2.25\" />\n    <path d=\"M8 5.75h5.5M6.05 9.1 3.3 4.4M9.95 9.1l-2.7 4.6\" />\n  </>\n);\nconst panes = (\n  <>\n    <rect x=\"2.5\" y=\"2.5\" width=\"4.75\" height=\"4.75\" rx=\"1\" />\n    <rect x=\"8.75\" y=\"2.5\" width=\"4.75\" height=\"4.75\" rx=\"1\" />\n    <rect x=\"2.5\" y=\"8.75\" width=\"4.75\" height=\"4.75\" rx=\"1\" />\n    <rect x=\"8.75\" y=\"8.75\" width=\"4.75\" height=\"4.75\" rx=\"1\" />\n  </>\n);\n\nconst DEVICES: Readonly<Record<DeviceKind, ReactNode>> = { extension: chrome, installer: panes };\n\nexport const deviceMark = (kind: DeviceKind): ReactNode => <Glyph>{DEVICES[kind]}</Glyph>;\n"],"mappings":"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"}