@olares/lares-mobile 0.15.0

package/src/chat/Transcript.vue

@@ -0,0 +1,386 @@
+<template>
+  <ol ref="log" class="lares-log" aria-live="polite" @scroll.passive="onScroll">
+    <li v-if="loading && items.length === 0" class="lares-log__skeleton" role="status" :aria-label="t('chat.loading')">
+      <span class="lares-sk lares-sk--user" />
+      <span class="lares-sk lares-sk--line" />
+      <span class="lares-sk lares-sk--line lares-sk--w72" />
+      <span class="lares-sk lares-sk--line lares-sk--w40" />
+      <span class="lares-sk lares-sk--user" />
+      <span class="lares-sk lares-sk--line lares-sk--w88" />
+      <span class="lares-sk lares-sk--line lares-sk--w56" />
+    </li>
+    <li v-else-if="items.length === 0 && !running" class="lares-log__empty">{{ t("chat.empty") }}</li>
+    <li
+      v-for="(row, index) in items"
+      :key="index"
+      class="lares-log__item"
+      :data-type="row.type"
+      :data-pending="row.pending ? 'true' : 'false'"
+    >
+      <div v-if="row.type === 'user'" class="lares-msg" data-role="user">{{ row.text }}</div>
+      <LaresStageRow
+        v-else-if="row.type === 'context'"
+        kind="context"
+        :title="row.role === 'recall' ? stageCopy.contextRecall : stageCopy.contextInjection"
+        :summary="row.label || ''"
+        :body="row.text"
+      />
+      <LaresStageRow
+        v-else-if="row.type === 'reasoning'"
+        kind="think"
+        :title="stageCopy.think"
+        :summary="thinkSummary(row)"
+        :body="row.text"
+      />
+      <LaresQuestionCard
+        v-else-if="row.type === 'tool' && row.name === 'ask_user_question' && row.status === 'running'"
+        :questions="questionItems(row)"
+        :rpc-id="question?.rpcId || ''"
+        :busy="questionBusy"
+        :t="t"
+        @pick="$emit('answer', $event, row)"
+      />
+      <LaresStageRow
+        v-else-if="row.type === 'tool'"
+        kind="tool"
+        :variant="row.variant"
+        :title="row.title"
+        :summary="row.summary"
+        :body="row.body"
+      />
+      <LaresStageRow
+        v-else-if="row.type === 'retry'"
+        kind="retry"
+        :title="retryLabel(row)"
+        :body="retryBody(row)"
+      />
+      <div
+        v-else-if="row.type === 'assistant' && row.pending"
+        class="lares-md"
+        data-pending="true"
+      >{{ row.text }}</div>
+      <template v-else-if="row.type === 'assistant'">
+        <div class="lares-md" v-html="renderMarkdown(row.text)" />
+        <LaresMessageActions
+          :text="row.text"
+          :reaction="reactions[actionKey(index)] || ''"
+          :t="t"
+          @react="setReaction(index, $event)"
+        />
+      </template>
+      <LaresDeliverables
+        v-else-if="row.type === 'files'"
+        :group="fileGroup(row.paths)"
+        :media-url="mediaUrl"
+        :t="t"
+        @open="$emit('open', $event)"
+        @media="$emit('media')"
+      />
+    </li>
+  </ol>
+</template>
+
+<script>
+import { partitionPreviews } from "@olares/lares-core/files/preview-groups";
+import { parseAskUserQuestions } from "@olares/lares-core/larepass/questions";
+import { STAGE_COPY } from "@olares/lares-core/larepass/stage-copy";
+import { retryStatus as formatRetry, thinkSummary } from "./format.js";
+import { renderMarkdown } from "./markdown.js";
+import LaresDeliverables from "./Deliverables.vue";
+import LaresQuestionCard from "./QuestionCard.vue";
+import LaresMessageActions from "./MessageActions.vue";
+import LaresStageRow from "./StageRow.vue";
+
+export default {
+  name: "LaresTranscript",
+  components: { LaresDeliverables, LaresQuestionCard, LaresMessageActions, LaresStageRow },
+  props: {
+    items: { type: Array, default: () => [] },
+    running: { type: Boolean, default: false },
+    loading: { type: Boolean, default: false },
+    previews: { type: Object, default: () => ({}) },
+    mediaUrl: { type: Function, required: true },
+    scrollTop: { type: Function, required: true },
+    rememberScroll: { type: Function, required: true },
+    sticking: { type: Function, required: true },
+    sessionId: { type: String, default: "" },
+    question: { type: Object, default: null },
+    questionBusy: { type: Boolean, default: false },
+    t: { type: Function, required: true },
+  },
+  emits: ["open", "media", "answer"],
+  data() {
+    return {
+      applyingScroll: false,
+      logRo: null,
+      logPin: 0,
+      stageCopy: STAGE_COPY,
+      reactions: {},
+    };
+  },
+  watch: {
+    sessionId() {
+      this.reactions = {};
+    },
+  },
+  mounted() {
+    this.bindLog();
+    this.restoreLog();
+  },
+  beforeUnmount() {
+    this.captureLog();
+    this.unbindLog();
+    if (this.logPin) cancelAnimationFrame(this.logPin);
+  },
+  methods: {
+    renderMarkdown,
+    thinkSummary,
+    questionItems(row) {
+      if (this.question?.questions?.length) return this.question.questions;
+      return parseAskUserQuestions(row.argsRaw);
+    },
+    retryLabel(row) {
+      return formatRetry(row);
+    },
+    retryBody(row) {
+      const copy = STAGE_COPY.retry;
+      const lines = [];
+      if (row.delayMs != null) lines.push(`${copy.delay}${Math.round(row.delayMs)}ms`);
+      if (row.failure?.message) lines.push(`${copy.failure}${row.failure.message}`);
+      return lines.join("\n");
+    },
+    fileGroup(paths) {
+      return partitionPreviews(paths, new Map(Object.entries(this.previews)));
+    },
+    actionKey(index) {
+      let n = 0;
+      for (let i = 0; i <= index; i++) {
+        if (this.items[i]?.type === "assistant") n += 1;
+      }
+      return String(n);
+    },
+    setReaction(index, next) {
+      this.reactions = { ...this.reactions, [this.actionKey(index)]: next };
+    },
+    captureLog() {
+      if (this.applyingScroll) return;
+      const log = this.$refs.log;
+      if (!log) return;
+      this.rememberScroll(log.scrollTop, log.scrollHeight, log.clientHeight);
+    },
+    onScroll() {
+      this.captureLog();
+    },
+    bindLog() {
+      const log = this.$refs.log;
+      if (!log || this.logRo) return;
+      this.logRo = new ResizeObserver(() => this.applyLogScroll());
+      this.logRo.observe(log);
+    },
+    unbindLog() {
+      this.logRo?.disconnect();
+      this.logRo = null;
+    },
+    applyLogScroll() {
+      const log = this.$refs.log;
+      if (!log) return;
+      const top = this.scrollTop(log.scrollHeight, log.clientHeight);
+      if (top == null) return;
+      this.applyingScroll = true;
+      log.scrollTop = top;
+      requestAnimationFrame(() => {
+        this.applyingScroll = false;
+      });
+    },
+    restoreLog() {
+      this.$nextTick(() => {
+        this.bindLog();
+        this.applyLogScroll();
+      });
+    },
+    scheduleLogPin() {
+      if (!this.sticking() || this.logPin) return;
+      this.logPin = requestAnimationFrame(() => {
+        this.logPin = 0;
+        this.applyLogScroll();
+      });
+    },
+  },
+};
+</script>
+
+<style scoped>
+.lares-log {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  margin: 0;
+  padding: 8px 20px 12px;
+  min-height: 0;
+  flex: 1;
+  overflow-x: hidden;
+  overflow-y: auto;
+  list-style: none;
+}
+
+.lares-log__empty {
+  margin: 24px 0 0;
+  font-size: 13px;
+  color: var(--q-ink-3);
+}
+
+.lares-log__skeleton {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+  margin-top: 8px;
+}
+
+.lares-sk {
+  display: block;
+  border-radius: 10px;
+  background: var(--q-background-3);
+  animation: lares-sk-pulse 1.2s ease-in-out infinite;
+}
+
+.lares-sk--user {
+  align-self: flex-end;
+  width: 42%;
+  height: 36px;
+  border-radius: 16px 16px 4px 16px;
+  background: var(--q-blue-alpha);
+}
+
+.lares-sk--line {
+  width: 100%;
+  height: 14px;
+  border-radius: 7px;
+}
+
+.lares-sk--w88 { width: 88%; }
+.lares-sk--w72 { width: 72%; }
+.lares-sk--w56 { width: 56%; }
+.lares-sk--w40 { width: 40%; }
+
+@keyframes lares-sk-pulse {
+  50% { opacity: 0.45; }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .lares-sk {
+    animation: none;
+  }
+}
+
+.lares-log__item {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.lares-log__item[data-type="user"],
+.lares-log__item[data-type="assistant"],
+.lares-log__item[data-type="files"] {
+  margin-top: 8px;
+}
+
+.lares-msg[data-role="user"] {
+  align-self: flex-end;
+  max-width: 86%;
+  border-radius: 16px 16px 4px 16px;
+  padding: 8px 12px;
+  background: var(--q-blue-alpha);
+  white-space: pre-wrap;
+  word-break: break-word;
+}
+
+.lares-log__item[data-pending="true"] .lares-msg {
+  opacity: 0.72;
+}
+
+.lares-md {
+  align-self: stretch;
+  min-width: 0;
+  max-width: 100%;
+  overflow-x: hidden;
+  font-size: 15px;
+  line-height: 1.55;
+  word-break: break-word;
+  overflow-wrap: anywhere;
+}
+
+.lares-md[data-pending="true"] {
+  white-space: pre-wrap;
+  opacity: 0.92;
+}
+
+.lares-md :deep(p),
+.lares-md :deep(pre) {
+  margin: 0 0 10px;
+}
+
+.lares-md :deep(ul),
+.lares-md :deep(ol) {
+  margin: 4px 0 12px;
+  padding: 0 0 0 1.35em;
+}
+
+.lares-md :deep(ul) {
+  list-style: disc outside;
+}
+
+.lares-md :deep(ol) {
+  list-style: decimal outside;
+}
+
+.lares-md :deep(li + li) {
+  margin-top: 6px;
+}
+
+.lares-md :deep(p:last-child),
+.lares-md :deep(ul:last-child),
+.lares-md :deep(ol:last-child),
+.lares-md :deep(pre:last-child) {
+  margin-bottom: 0;
+}
+
+.lares-md :deep(h1),
+.lares-md :deep(h2),
+.lares-md :deep(h3) {
+  margin: 0 0 8px;
+  font-size: 16px;
+  font-weight: 600;
+}
+
+.lares-md :deep(code) {
+  border-radius: 4px;
+  padding: 1px 4px;
+  background: var(--q-background-3);
+  font-size: 13px;
+}
+
+.lares-md :deep(pre) {
+  box-sizing: border-box;
+  max-width: 100%;
+  overflow-x: auto;
+  border-radius: 10px;
+  padding: 10px 12px;
+  background: var(--q-background-3);
+}
+
+.lares-md :deep(pre code) {
+  padding: 0;
+  background: transparent;
+}
+
+.lares-md :deep(img) {
+  max-width: 100%;
+  height: auto;
+}
+
+.lares-md :deep(a) {
+  color: var(--q-blue-default);
+}
+</style>

package/src/chat/format.js

@@ -0,0 +1,69 @@
+import { interpolate } from "@olares/lares-core/i18n/t";
+import { STAGE_COPY } from "@olares/lares-core/larepass/stage-copy";
+
+export function withPendingUser(items, pendingUser) {
+  if (!pendingUser) return items;
+  const last = [...items].reverse().find((row) => row.type === "user");
+  if (last?.text === pendingUser) return items;
+  return [...items, { type: "user", text: pendingUser, pending: true }];
+}
+
+export function lastIndexOfType(items, type) {
+  for (let i = (items?.length ?? 0) - 1; i >= 0; i--) {
+    if (items[i]?.type === type) return i;
+  }
+  return -1;
+}
+
+export function lastUserText(items) {
+  for (let i = (items?.length ?? 0) - 1; i >= 0; i--) {
+    const row = items[i];
+    if (row?.type === "user" && !row.pending) {
+      const text = String(row.text ?? "").trim();
+      if (text) return text;
+    }
+  }
+  return "";
+}
+
+export function firstLine(text) {
+  const value = String(text ?? "");
+  const newline = value.indexOf("\n");
+  return newline === -1 ? value : value.slice(0, newline);
+}
+
+export function latestLine(text) {
+  const visible = String(text ?? "").trimEnd();
+  const newline = visible.lastIndexOf("\n");
+  return newline === -1 ? visible : visible.slice(newline + 1);
+}
+
+export function thinkSummary(row) {
+  return row?.running ? latestLine(row.text) : firstLine(row.text);
+}
+
+export function failText(t, failed, error) {
+  if (failed === "unauthorized") return t("chat.unauthorized");
+  if (failed === "missing" || failed === "unreachable" || failed === "error") {
+    return t(`probe.${failed}`, { http: "", error: "" });
+  }
+  return t("chat.failed", { error: failed || error });
+}
+
+export function retryStatus(row) {
+  const copy = STAGE_COPY.retry;
+  const label = row.retryState === "started"
+    ? copy.started
+    : row.retryState === "cancelled"
+      ? copy.cancelled
+      : row.retryState === "active"
+        ? copy.active
+        : copy.scheduled;
+  const maximum = row.mode === "normal" ? row.maxRetries : (row.maxRetries ?? "∞");
+  return interpolate(copy.status, {
+    label,
+    retry: row.retry,
+    maximum,
+    seconds: row.seconds,
+  });
+}

package/src/chat/markdown.js

@@ -0,0 +1,16 @@
+import MarkdownIt from "markdown-it";
+
+const md = new MarkdownIt({ html: false, linkify: true, breaks: false });
+
+const defaultLinkOpen = md.renderer.rules.link_open
+  || ((tokens, idx, options, env, self) => self.renderToken(tokens, idx, options));
+
+md.renderer.rules.link_open = (tokens, idx, options, env, self) => {
+  tokens[idx].attrSet("rel", "noreferrer");
+  tokens[idx].attrSet("target", "_blank");
+  return defaultLinkOpen(tokens, idx, options, env, self);
+};
+
+export function renderMarkdown(source) {
+  return md.render(String(source ?? ""));
+}

package/src/chat/stage-icons.js

@@ -0,0 +1,117 @@
+/** Glyphs match dsh-client-ui-primitives leading icons (14px in a 16px box). */
+
+import { toolVariantIcon } from "@olares/lares-core/larepass/tool-row";
+
+export const GLYPHS = {
+  "search": {
+    "viewBox": "0 0 16 16",
+    "size": 16,
+    "paths": [
+      {
+        "d": "M11.894845 6.647401C11.894845 3.725463 9.534486 1.356779 6.623219 1.35657C3.711786 1.35657 1.351635 3.725338 1.351635 6.647401C1.351843 9.569296 3.711911 11.938273 6.623219 11.938273C9.534361 11.938064 11.894637 9.569171 11.894845 6.647401ZM13.245462 6.647401C13.245254 10.317935 10.280401 13.293613 6.623219 13.293821C2.965871 13.293821 0.000204 10.31806 0 6.647401C0 2.976574 2.965746 0 6.623219 0C10.280526 0.000205 13.245462 2.9767 13.245462 6.647401Z"
+      },
+      {
+        "d": "M16.000417 15.041079L15.044449 16.000433L11.530434 12.473588L12.486298 11.514234L16.000417 15.041079Z"
+      }
+    ]
+  },
+  "think": {
+    "viewBox": "0 0 14 14",
+    "size": 14,
+    "paths": [
+      {
+        "d": "M7.06431 5.93342C7.68763 5.93342 8.19307 6.43904 8.19322 7.06233C8.19322 7.68573 7.68772 8.19123 7.06431 8.19123C6.44099 8.19113 5.9354 7.68567 5.9354 7.06233C5.93555 6.43911 6.44108 5.93353 7.06431 5.93342Z"
+      },
+      {
+        "d": "M8.6815 0.963693C10.1169 0.447019 11.6266 0.374829 12.5633 1.31135C13.5 2.24805 13.4277 3.75776 12.911 5.19319C12.7126 5.74431 12.4386 6.31796 12.0965 6.89729C12.4969 7.54638 12.8141 8.19018 13.036 8.80647C13.5527 10.2419 13.6251 11.7516 12.6883 12.6883C11.7516 13.625 10.242 13.5527 8.8065 13.036C8.19022 12.8141 7.54641 12.4969 6.89732 12.0965C6.31797 12.4386 5.74435 12.7125 5.19322 12.911C3.75777 13.4276 2.2481 13.5 1.31138 12.5633C0.374859 11.6266 0.447049 10.1168 0.963724 8.68147C1.17185 8.10338 1.46321 7.50063 1.82896 6.8924C1.52182 6.35711 1.27235 5.82825 1.08872 5.31819C0.572068 3.88278 0.499714 2.37306 1.43638 1.43635C2.37308 0.499655 3.8828 0.572044 5.31822 1.08869C5.82828 1.27232 6.35715 1.5218 6.89243 1.82893C7.50066 1.46318 8.10341 1.17181 8.6815 0.963693ZM11.3573 8.01154C10.9083 8.62253 10.3901 9.22873 9.80943 9.8094C9.22877 10.3901 8.62255 10.9083 8.01158 11.3572C8.4257 11.5841 8.8287 11.7688 9.21275 11.9071C10.5456 12.3868 11.4246 12.2547 11.8397 11.8397C12.2548 11.4246 12.3869 10.5456 11.9071 9.21272C11.7688 8.82866 11.5841 8.42568 11.3573 8.01154ZM2.56529 8.02912C2.37344 8.39322 2.21495 8.74796 2.09263 9.08772C1.61291 10.4204 1.74512 11.2995 2.16001 11.7147C2.57505 12.1297 3.45415 12.2618 4.78697 11.7821C5.11057 11.6656 5.44786 11.5164 5.7938 11.3367C5.249 10.9223 4.70922 10.4533 4.19029 9.9344C3.57578 9.31987 3.03169 8.67633 2.56529 8.02912ZM6.90708 3.2469C6.24065 3.70479 5.5646 4.26321 4.91392 4.91389C4.26325 5.56456 3.70482 6.24063 3.24693 6.90705C3.72674 7.63325 4.32777 8.37459 5.03892 9.08576C5.64943 9.69627 6.28183 10.2265 6.90806 10.6678C7.59368 10.2025 8.2908 9.63076 8.96079 8.96076C9.6308 8.29075 10.2025 7.59366 10.6678 6.90803C10.2265 6.2818 9.69631 5.6494 9.08579 5.03889C8.37462 4.32773 7.63328 3.72672 6.90708 3.2469ZM11.7147 2.15998C11.2996 1.74509 10.4204 1.61288 9.08775 2.0926C8.74835 2.21479 8.39382 2.37271 8.03013 2.56428C8.67728 3.03065 9.31995 3.5758 9.93443 4.19026C10.4534 4.7092 10.9223 5.24896 11.3368 5.79377C11.5164 5.44785 11.6656 5.11052 11.7821 4.78694C12.2618 3.45416 12.1297 2.57502 11.7147 2.15998ZM4.91197 2.2176C3.57922 1.73788 2.70004 1.86995 2.28501 2.28498C1.87001 2.70003 1.73791 3.5792 2.21763 4.91194C2.31709 5.18822 2.44112 5.47427 2.58677 5.7674C3.01931 5.1887 3.51474 4.6158 4.06529 4.06526C4.61584 3.5147 5.18872 3.01928 5.76743 2.58674C5.47431 2.4411 5.18824 2.31706 4.91197 2.2176Z",
+        "fillRule": "evenodd",
+        "clipRule": "evenodd"
+      }
+    ]
+  },
+  "browse": {
+    "viewBox": "0 0 16 16",
+    "size": 16,
+    "paths": [
+      {
+        "d": "M11.2426 4.80473V6.10551H4.75819V4.80473H11.2426Z"
+      },
+      {
+        "d": "M9.40858 7.84478V9.14557H4.75819V7.84478H9.40858Z"
+      },
+      {
+        "d": "M9.23438 0.546389C10.1941 0.546389 10.9683 0.544914 11.5859 0.611819C12.2161 0.680096 12.7634 0.825745 13.2393 1.17139C13.5172 1.3733 13.7619 1.61812 13.9639 1.896C14.3096 2.37183 14.4551 2.91922 14.5234 3.54932C14.5903 4.16686 14.5889 4.94133 14.5889 5.90088V10.0981C14.5889 11.0576 14.5903 11.8321 14.5234 12.4497C14.4552 13.0798 14.3094 13.6272 13.9639 14.103C13.7619 14.381 13.5172 14.6257 13.2393 14.8276C12.7633 15.1734 12.2163 15.3189 11.5859 15.3872C10.9683 15.4541 10.1942 15.4536 9.23438 15.4536H6.76563C5.80591 15.4536 5.03168 15.4541 4.41407 15.3872C3.78385 15.3189 3.23665 15.1734 2.76074 14.8276C2.48291 14.6257 2.23802 14.3809 2.03614 14.103C1.69066 13.6272 1.54483 13.0798 1.47657 12.4497C1.40973 11.8321 1.41114 11.0576 1.41114 10.0981V5.90088C1.41113 4.94132 1.40966 4.16686 1.47657 3.54932C1.54488 2.91921 1.69042 2.37184 2.03614 1.896C2.2381 1.61807 2.4828 1.37333 2.76074 1.17139C3.23665 0.825682 3.78386 0.680109 4.41407 0.611819C5.03168 0.544905 5.80591 0.546389 6.76563 0.546389H9.23438ZM6.76563 1.896C5.77586 1.896 5.0876 1.89738 4.55957 1.95459C4.0443 2.01043 3.76214 2.11349 3.55469 2.26416C3.39135 2.38284 3.24761 2.52662 3.12891 2.68994C2.97821 2.89736 2.8752 3.17967 2.81934 3.69483C2.76214 4.22279 2.76075 4.91131 2.76074 5.90088V10.0981C2.76074 11.0876 2.76221 11.7762 2.81934 12.3042C2.87516 12.8194 2.97829 13.1026 3.12891 13.3101C3.24754 13.4733 3.39147 13.6172 3.55469 13.7358C3.76213 13.8865 4.04438 13.9896 4.55957 14.0454C5.0876 14.1026 5.77586 14.103 6.76563 14.103H9.23438C10.2242 14.103 10.9124 14.1026 11.4404 14.0454C11.9556 13.9896 12.2379 13.8865 12.4453 13.7358C12.6086 13.6172 12.7525 13.4733 12.8711 13.3101C13.0217 13.1026 13.1248 12.8195 13.1807 12.3042C13.2378 11.7762 13.2393 11.0876 13.2393 10.0981V5.90088C13.2393 4.91131 13.2379 4.22279 13.1807 3.69483C13.1248 3.17969 13.0218 2.89736 12.8711 2.68994C12.7524 2.52667 12.6086 2.38281 12.4453 2.26416C12.2379 2.11355 11.9556 2.01041 11.4404 1.95459C10.9124 1.8974 10.2241 1.896 9.23438 1.896H6.76563Z"
+      }
+    ]
+  },
+  "edit": {
+    "viewBox": "0 0 16 16",
+    "size": 16,
+    "paths": [
+      {
+        "d": "M9.94076 1.34942C10.7047 0.90231 11.6503 0.902415 12.4143 1.34942C12.7061 1.52015 12.9688 1.79118 13.3104 2.13284C13.6521 2.47448 13.9231 2.73721 14.0939 3.02894C14.5408 3.79294 14.5409 4.73856 14.0939 5.50251C13.9231 5.79415 13.652 6.05704 13.3104 6.39861L6.65932 13.0497C6.28068 13.4284 6.00695 13.7108 5.66543 13.9097C5.32391 14.1085 4.94315 14.2074 4.42705 14.3498L3.24394 14.6761C2.77527 14.8054 2.34538 14.9262 2.00131 14.9684C1.65196 15.0112 1.17964 15.0013 0.810764 14.6325C0.441921 14.2637 0.432107 13.7913 0.47486 13.442C0.517035 13.0979 0.6379 12.668 0.767181 12.1993L1.09352 11.0162C1.23588 10.5001 1.33481 10.1193 1.5336 9.77784C1.7325 9.43632 2.0149 9.1626 2.39355 8.78395L9.04466 2.13284C9.38625 1.79126 9.64911 1.52016 9.94076 1.34942ZM15.5427 14.8398H7.55223L8.96707 13.425H15.5427V14.8398ZM3.39382 9.78422C2.965 10.213 2.84244 10.3436 2.75709 10.49C2.67183 10.6366 2.61862 10.8079 2.45733 11.3925L2.13099 12.5756C2.00183 13.0439 1.92194 13.3419 1.88863 13.5536C2.10041 13.5204 2.39872 13.4416 2.86764 13.3123L4.05075 12.9859C4.63544 12.8246 4.80669 12.7715 4.95323 12.6862C5.09968 12.6008 5.23022 12.4783 5.65905 12.0494L10.721 6.98644L8.45577 4.72121L3.39382 9.78422ZM11.7 2.57079C11.3774 2.38198 10.9777 2.38198 10.6551 2.57079C10.5602 2.62647 10.4487 2.72931 10.0449 3.13311L9.45604 3.72094L11.7213 5.98617L12.3102 5.39833C12.7139 4.99457 12.8168 4.88307 12.8725 4.78818C13.0613 4.46561 13.0612 4.06585 12.8725 3.74326C12.8169 3.64827 12.7146 3.53752 12.3102 3.13311C11.9057 2.72863 11.795 2.6264 11.7 2.57079Z"
+      }
+    ]
+  },
+  "code": {
+    "viewBox": "0 0 16 16",
+    "size": 16,
+    "paths": [
+      {
+        "d": "M12.3368 1.53569L11.931 4.43172H14.8086V5.79673H11.7404L11.1962 9.67859H14.2839V11.0436H11.0056L10.4994 14.6529L9.14873 14.4643L9.62731 11.0436H5.75876L5.25252 14.6529L3.90186 14.4643L4.38043 11.0436H1.69141V9.67859H4.57104L5.11417 5.79673H2.21609V4.43172H5.30581L5.73724 1.34713L7.08995 1.53569L6.68414 4.43172H10.5527L10.9841 1.34713L12.3368 1.53569ZM5.94937 9.67859H9.81791L10.361 5.79673H6.49353L5.94937 9.67859Z",
+        "fillRule": "evenodd",
+        "clipRule": "evenodd"
+      }
+    ]
+  },
+  "api": {
+    "viewBox": "0 0 14 14",
+    "size": 14,
+    "paths": [
+      {
+        "d": "M11.4818 5.57813C11.4818 4.45301 11.4807 3.66237 11.4075 3.05908C11.3359 2.46953 11.2024 2.13852 10.9939 1.89441C10.9247 1.81341 10.8493 1.73801 10.7683 1.66882C10.5242 1.46033 10.1932 1.32686 9.60364 1.25525C9.00034 1.18198 8.20974 1.18091 7.0846 1.18091L5.57813 1.18091C4.45301 1.18091 3.66238 1.18198 3.05908 1.25525C2.46953 1.32686 2.13852 1.46033 1.89441 1.66882C1.81341 1.73801 1.73801 1.81341 1.66882 1.89441C1.46033 2.13852 1.32686 2.46953 1.25525 3.05908C1.18198 3.66238 1.18091 4.45301 1.18091 5.57813L1.18091 6.2771C1.18091 7.40218 1.18197 8.19288 1.25525 8.79614C1.32687 9.38553 1.46036 9.71674 1.66882 9.96082C1.73797 10.0417 1.81347 10.1173 1.89441 10.1864C2.13851 10.3948 2.46965 10.5275 3.05908 10.5991C3.66238 10.6724 4.45298 10.6735 5.57813 10.6735L7.0846 10.6735C8.20977 10.6735 9.00033 10.6724 9.60364 10.5991C10.1931 10.5275 10.5242 10.3948 10.7683 10.1864C10.8493 10.1173 10.9247 10.0417 10.9939 9.96082C11.2024 9.71674 11.3358 9.38553 11.4075 8.79614C11.4808 8.19288 11.4818 7.40218 11.4818 6.2771L11.4818 5.57813ZM12.6627 6.2771C12.6627 7.37222 12.6637 8.247 12.5798 8.93799C12.4942 9.64284 12.3133 10.2359 11.8928 10.7282C11.7834 10.8562 11.6637 10.9751 11.5356 11.0845C11.0434 11.5049 10.4511 11.6867 9.74634 11.7723C9.05525 11.8563 8.17999 11.8552 7.0846 11.8552L5.57813 11.8552C4.48273 11.8552 3.60747 11.8563 2.91638 11.7723C2.21157 11.6867 1.61933 11.5049 1.12708 11.0845C0.99901 10.9751 0.879281 10.8562 0.769898 10.7282C0.349454 10.2359 0.168506 9.64284 0.0828864 8.93799C-0.00101964 8.247 4.88512e-07 7.37222 6.47206e-07 6.2771L6.47206e-07 5.57813C6.47206e-07 4.48273 -0.00106163 3.60747 0.0828864 2.91638C0.168502 2.21168 0.349594 1.61928 0.769898 1.12708C0.879302 0.998981 0.998981 0.879302 1.12708 0.769898C1.61928 0.349594 2.21168 0.168502 2.91638 0.0828864C3.60747 -0.00106163 4.48273 6.47206e-07 5.57813 6.47206e-07L7.0846 6.47206e-07C8.17999 6.47206e-07 9.05525 -0.00106163 9.74634 0.0828864C10.451 0.168505 11.0434 0.349587 11.5356 0.769898C11.6637 0.879302 11.7834 0.998981 11.8928 1.12708C12.3131 1.61928 12.4942 2.21169 12.5798 2.91638C12.6638 3.60747 12.6627 4.48273 12.6627 5.57813L12.6627 6.2771Z",
+        "transform": "translate(0.6689 1.073)"
+      },
+      {
+        "d": "M6.02607 5.50955L6.44306 5.9274L3.84284 8.52762L3.425 8.11063L3.00715 7.69278L4.77253 5.9274L3.00715 4.16202L3.84284 3.32633L6.02607 5.50955Z",
+        "transform": "translate(0.6689 1.073)"
+      },
+      {
+        "d": "M9.23789 7.35397L9.23789 8.53488L6.96238 8.53488L6.96238 7.35397L9.23789 7.35397Z",
+        "transform": "translate(0.6689 1.073)"
+      }
+    ]
+  },
+  "sparkle": {
+    "viewBox": "0 0 16 16",
+    "size": 16,
+    "paths": [
+      {
+        "d": "M6.1 3.1Q6.6 7.8 11.3 8.3Q6.6 8.8 6.1 13.5Q5.6 8.8 0.9 8.3Q5.6 7.8 6.1 3.1Z"
+      },
+      {
+        "d": "M11.9 1Q12.2 3.7 14.9 4Q12.2 4.3 11.9 7Q11.6 4.3 8.9 4Q11.6 3.7 11.9 1Z"
+      },
+      {
+        "d": "M12.5 9.4Q12.7 11.4 14.7 11.6Q12.7 11.8 12.5 13.8Q12.3 11.8 10.3 11.6Q12.3 11.4 12.5 9.4Z"
+      }
+    ]
+  },
+  "refresh": {
+    "viewBox": "0 0 14 14",
+    "size": 14,
+    "paths": [
+      {
+        "d": "M1.272 6.21348C1.70645 3.08888 4.59169 0.908064 7.71634 1.34239C8.95495 1.51469 10.0438 2.07331 10.8814 2.87755L11.9458 1.81407C12.1347 1.6255 12.4572 1.75911 12.4575 2.02598V5.08751C12.4574 5.25303 12.3233 5.38731 12.1577 5.38731H9.0972C8.82993 5.38731 8.69629 5.06361 8.88528 4.87462L10.0327 3.72618C9.3732 3.09994 8.52006 2.66569 7.5513 2.53087C5.08313 2.18779 2.80376 3.91044 2.46048 6.37852C2.11747 8.84665 3.84009 11.1261 6.30814 11.4693C8.77612 11.8121 11.0557 10.0896 11.399 7.62169L11.9937 7.70372L12.5874 7.78673C12.153 10.9112 9.26756 13.0919 6.1431 12.6578C3.01854 12.2234 0.837738 9.33809 1.272 6.21348Z"
+      }
+    ]
+  }
+};
+
+export function stageIconOf(kind, variant) {
+  if (kind === "think") return "think";
+  if (kind === "context") return "browse";
+  if (kind === "retry") return "refresh";
+  if (kind === "tool") return toolVariantIcon(variant);
+  return "sparkle";
+}