@k2b/cloud 0.44.0 → 0.46.0

package/src/ai/chat/map-notebook.tsx

@@ -0,0 +1,301 @@
+import { Button, ButtonLink, ProgressBar, Select, useLocale } from "@k2b/ui";
+import { createEffect, createSignal, onCleanup, onMount, Show } from "solid-js";
+import { z } from "zod";
+import { invokeCapabilityWithDataSchema } from "../../capabilities/client";
+import { cloudResourceHref } from "../../contracts/resource-href";
+import type { AiMap } from "../map-contracts";
+import { type MapNotebookSaveCheckpoint, MapNotebookSaveCheckpointSchema, saveMapNotebook } from "../map-notebook-save";
+import { mapMessages, mapSaveMessage } from "./map-messages";
+
+const notebooks = z.array(z.object({ id: z.string(), name: z.string() }));
+const legacySchema = z.object({
+  status: z.enum(["pending", "unknown", "saved"]),
+  notebookId: z.string().regex(/^[A-Za-z0-9]{6}$/),
+  href: z.string().optional(),
+});
+const snapshotSchema = z.object({ content: z.string(), revision: z.number().int(), ownerUserId: z.string().min(1) });
+const storedSchema = z
+  .object({
+    checkpoint: MapNotebookSaveCheckpointSchema,
+    writeId: z.uuid().optional(),
+    status: z.enum(["paused", "saved", "cancelled", "conflict", "unknown", "error"]),
+    code: z.string().optional(),
+    message: z.string().optional(),
+  })
+  .strict()
+  .refine(
+    (stored) =>
+      stored.status !== "saved" ||
+      Boolean(stored.checkpoint.noteId && !stored.checkpoint.pending && stored.checkpoint.completed === stored.checkpoint.total),
+  );
+
+export function MapNotebookSave(props: { map: AiMap; onCancel: () => void }) {
+  const source = { id: props.map.id, conversationId: props.map.conversationId, revision: props.map.revision };
+  const sourceChanged = () =>
+    props.map.id !== source.id || props.map.conversationId !== source.conversationId || props.map.revision !== source.revision;
+  const locale = useLocale();
+  const t = () => mapMessages(locale());
+  const [selected, setSelected] = createSignal<string | null>(null);
+  const [error, setError] = createSignal("");
+  const [busy, setBusy] = createSignal(false);
+  const [ready, setReady] = createSignal(false);
+  const [checkpoint, setCheckpoint] = createSignal<MapNotebookSaveCheckpoint>();
+  const [legacy, setLegacy] = createSignal(false);
+  const [status, setStatus] = createSignal<z.infer<typeof storedSchema>["status"]>();
+  let controller: AbortController | undefined;
+  let storageKey = "";
+  let sourceKey = "";
+  let unpersisted: z.infer<typeof storedSchema> | undefined;
+  let observedRaw: string | null = null;
+  let unpersistedBases: (string | null)[] = [];
+  const noteHref = () => (checkpoint()?.noteId ? cloudResourceHref({ type: "notebooks.note", id: checkpoint()!.noteId! }) : undefined);
+  const notebookHref = () => (selected() ? cloudResourceHref({ type: "notebooks.notebook", id: selected()! }) : undefined);
+  const unknownCreate = () => checkpoint()?.pending?.kind === "create";
+  const saved = () => status() === "saved" && !sourceChanged();
+  const failureMessage = (cause: unknown) =>
+    cause instanceof Error && !(cause instanceof z.ZodError) && !(cause instanceof SyntaxError) && !(cause instanceof TypeError)
+      ? cause.message
+      : t().saveFailed;
+  const snapshot = async (signal: AbortSignal) => {
+    const response = await fetch(`/api/ai/conversations/${encodeURIComponent(source.conversationId)}/maps/${source.id}/export`, {
+      signal,
+    });
+    if (!response.ok) throw new Error(t().saveFailed);
+    // WebKit can reject invalid JSON with a DOMException named SyntaxError,
+    // which is not instanceof SyntaxError. Normalize at the response boundary.
+    const payload: unknown = await response.json().catch(() => {
+      throw new Error(t().saveFailed);
+    });
+    const value = snapshotSchema.parse(payload);
+    if (value.revision !== source.revision) throw new Error(t().conflict);
+    return value;
+  };
+  const restore = () => {
+    // A failed write may have reached storage. Only replace our own observed values;
+    // a different receipt belongs to a later lock holder and always takes precedence.
+    // Each write has its own identity, even when two tabs begin with identical helper checkpoints.
+    const raw = localStorage.getItem(storageKey);
+    observedRaw = raw;
+    const pending = unpersisted && unpersistedBases.includes(raw) ? unpersisted : undefined;
+    if (!pending) {
+      unpersisted = undefined;
+      unpersistedBases = [];
+    }
+    if (raw === null && !pending) {
+      // The old flow used an unscoped session receipt and different create keys.
+      // Do not silently abandon it or attribute it to a new owner: recover in Notebook.
+      const previous = sessionStorage.getItem(`cloud.ai.map-save:${source.id}:${source.revision}`);
+      if (previous !== null) {
+        const value = legacySchema.parse(JSON.parse(previous));
+        setSelected(value.notebookId);
+        setLegacy(true);
+        setError(t().previousSave);
+      }
+      return;
+    }
+    const stored = pending ?? storedSchema.parse(JSON.parse(raw!));
+    if (stored.checkpoint.sourceKey !== sourceKey) throw new Error(t().saveStorage);
+    setCheckpoint(stored.checkpoint);
+    setSelected(stored.checkpoint.notebookId);
+    setStatus(stored.status);
+    if (stored.status !== "saved")
+      setError(stored.checkpoint.pending?.kind === "create" ? t().unknownSave : mapSaveMessage(locale(), stored.code, stored.message));
+  };
+  const persist = (next: MapNotebookSaveCheckpoint, state: z.infer<typeof storedSchema>["status"], code?: string, message?: string) => {
+    setCheckpoint(next);
+    setSelected(next.notebookId);
+    if (!unpersisted) unpersistedBases = [observedRaw];
+    unpersisted = { checkpoint: next, writeId: crypto.randomUUID(), status: state, code, message };
+    const serialized = JSON.stringify(unpersisted);
+    const before = localStorage.getItem(storageKey);
+    unpersistedBases = [before, serialized];
+    localStorage.setItem(storageKey, serialized);
+    observedRaw = serialized;
+    unpersisted = undefined;
+    unpersistedBases = [];
+  };
+  const initialize = async () => {
+    if (busy()) return;
+    setBusy(true);
+    setError("");
+    controller = new AbortController();
+    try {
+      const value = await snapshot(controller.signal);
+      // Identity comes from the authorized export, never from a browser account hint.
+      const nextSourceKey = JSON.stringify([value.ownerUserId, source.conversationId, source.id, source.revision]);
+      if (sourceKey && nextSourceKey !== sourceKey) throw new Error(t().saveOwnerChanged);
+      sourceKey = nextSourceKey;
+      storageKey = `cloud.ai.map-save:v1:${sourceKey}`;
+      try {
+        restore();
+      } catch {
+        throw new Error(t().saveStorage);
+      }
+      if (!navigator.locks) throw new Error(t().saveLockUnavailable);
+      setReady(true);
+    } catch (cause) {
+      setError(controller.signal.aborted ? t().saveCancelled : failureMessage(cause));
+    } finally {
+      setBusy(false);
+    }
+  };
+  createEffect(() => {
+    if (sourceChanged()) controller?.abort();
+  });
+  onMount(() => void initialize());
+  onCleanup(() => controller?.abort());
+  const save = async () => {
+    if (sourceChanged() || !ready() || !selected() || busy() || legacy() || saved() || unknownCreate() || status() === "conflict") return;
+    setBusy(true);
+    setError("");
+    controller = new AbortController();
+    const signal = controller.signal;
+    try {
+      await navigator.locks.request(storageKey, { ifAvailable: true }, async (lock) => {
+        if (!lock) {
+          setError(t().saveLocked);
+          return;
+        }
+        // Another tab may have advanced or completed this save since the panel opened.
+        try {
+          restore();
+          if (unpersisted) persist(unpersisted.checkpoint, unpersisted.status, unpersisted.code, unpersisted.message);
+        } catch {
+          setReady(false);
+          throw new Error(t().saveStorage);
+        }
+        if (legacy() || saved() || unknownCreate() || status() === "conflict") return;
+        setError("");
+        const value = await snapshot(signal);
+        if (JSON.stringify([value.ownerUserId, source.conversationId, source.id, value.revision]) !== sourceKey)
+          throw new Error(t().saveOwnerChanged);
+        let persistenceFailed = false;
+        const result = await saveMapNotebook({
+          content: value.content,
+          notebookId: selected()!,
+          sourceKey,
+          checkpoint: checkpoint(),
+          signal,
+          onCheckpoint: (next) => {
+            try {
+              persist(next, "paused");
+            } catch {
+              persistenceFailed = true;
+              throw new Error(t().saveStorage);
+            }
+          },
+        });
+        setCheckpoint(result.checkpoint);
+        setStatus(result.status);
+        setError(
+          persistenceFailed
+            ? t().saveStorage
+            : result.status === "saved"
+              ? ""
+              : result.checkpoint?.pending?.kind === "create"
+                ? t().unknownSave
+                : result.status === "cancelled"
+                  ? t().saveCancelled
+                  : mapSaveMessage(locale(), result.code, result.message),
+        );
+        if (result.checkpoint) {
+          try {
+            persist(
+              result.checkpoint,
+              result.status,
+              persistenceFailed ? "persistence_failed" : result.status === "cancelled" ? "cancelled" : result.code,
+              persistenceFailed ? undefined : result.message,
+            );
+          } catch {
+            setStatus("error");
+            setError(t().saveStorage);
+          }
+        }
+      });
+    } catch (cause) {
+      setError(signal.aborted ? t().saveCancelled : failureMessage(cause));
+    } finally {
+      setBusy(false);
+    }
+  };
+  const action = () =>
+    unknownCreate() ? t().save : checkpoint() ? (checkpoint()?.pending ? t().reconcileSave : t().resumeSave) : t().save;
+  return (
+    <div class="ai-map__save">
+      <Show
+        when={!saved()}
+        fallback={
+          <div role="status">
+            <ButtonLink href={noteHref()!} variant="ghost">
+              {t().saved}
+            </ButtonLink>
+          </div>
+        }
+      >
+        <Select
+          label={t().notebook}
+          value={selected()}
+          onValueChange={setSelected}
+          disabled={sourceChanged() || !ready() || busy() || legacy() || Boolean(checkpoint())}
+          loadOptions={async (query, signal) => {
+            const result = await invokeCapabilityWithDataSchema(
+              {
+                kind: "query",
+                appId: "notebooks",
+                capabilityId: "notebook.list",
+                input: { query, minimumPermission: "write", limit: 100 },
+                signal,
+              },
+              notebooks,
+            );
+            if (!result.ok) throw new Error(result.error.message);
+            return result.data.data.map((n) => ({ value: n.id, label: n.name }));
+          }}
+        />
+        <Show when={checkpoint()}>
+          <div role="status" aria-live="polite">
+            <ProgressBar
+              label={t().saveProgress}
+              value={checkpoint()!.total ? (checkpoint()!.completed / checkpoint()!.total) * 100 : 0}
+              showValue
+            />
+          </div>
+        </Show>
+        <div class="ai-map__actions">
+          <Show
+            when={ready()}
+            fallback={
+              <Button size="sm" disabled={busy() || sourceChanged()} onClick={() => void initialize()}>
+                {busy() ? t().saveLoading : t().retry}
+              </Button>
+            }
+          >
+            <Button
+              size="sm"
+              disabled={sourceChanged() || !selected() || busy() || legacy() || unknownCreate() || status() === "conflict"}
+              onClick={() => void save()}
+            >
+              {busy() ? t().pending : action()}
+            </Button>
+          </Show>
+          <Button size="sm" variant="ghost" onClick={() => (busy() ? controller?.abort() : props.onCancel())}>
+            {t().cancel}
+          </Button>
+        </div>
+      </Show>
+      <Show when={sourceChanged() || error()}>
+        <p role="alert">{sourceChanged() ? t().saveSourceChanged : error()}</p>
+      </Show>
+      <Show when={noteHref() && !saved()}>
+        <ButtonLink size="sm" variant="ghost" href={noteHref()!}>
+          {t().partialNote}
+        </ButtonLink>
+      </Show>
+      <Show when={notebookHref() && (checkpoint() || legacy()) && !saved()}>
+        <ButtonLink size="sm" variant="ghost" href={notebookHref()!}>
+          {t().inspectNotebook}
+        </ButtonLink>
+      </Show>
+    </div>
+  );
+}

package/src/ai/chat/map-widget.browser-harness.tsx

@@ -0,0 +1,71 @@
+import { LocaleProvider } from "@k2b/ui";
+import { createMemo, createSignal, For } from "solid-js";
+import { render } from "solid-js/web";
+import type { AiMap, AiMapCommand, AiMapToolResult } from "../map-contracts";
+import type { AiTurnBlock } from "../protocol";
+import { AiReaderTimeZoneProvider } from "./action-sentences";
+import { AiChatActionsProvider } from "./presentation";
+import { createAiToolDisclosureState } from "./tool-disclosure";
+import { layoutAiTurn } from "./turn-layout";
+import { AiTurnView } from "./turn-view";
+
+const snapshot: { map: AiMap; followups: AiMapToolResult[] } = JSON.parse(document.getElementById("snapshot")!.textContent!);
+const initial = snapshot.map;
+const block = (map: unknown, anchor: boolean, id = "original"): AiTurnBlock => ({
+  kind: "tool",
+  id,
+  callId: id,
+  name: "map",
+  status: initial.pending ? "running" : "completed",
+  args: {},
+  result: { map, anchor },
+});
+const text = (id: string, followup = false): AiTurnBlock => ({
+  kind: "text",
+  id,
+  text: followup
+    ? "Ich habe dieselbe Karte ergänzt. Deine bisherigen Antworten bleiben erhalten."
+    : "Hier sind die verifizierten Orte. Die Namen und die Karte sind fiktive Testdaten.",
+});
+const [turns, setTurns] = createSignal<AiTurnBlock[][]>([
+  [block(initial, true), text("answer")],
+  ...snapshot.followups.map((result, i) => [block(result.map, false, `followup-${i + 1}`), text(`followup-text-${i + 1}`, true)]),
+]);
+const mount = document.getElementById("fixture-mount")!;
+Object.assign(window, {
+  mapFollowup: async (command: AiMapCommand) => {
+    const response = await fetch(`/fixtures/${initial.conversationId}/followup`, {
+      method: "POST",
+      headers: { "content-type": "application/json" },
+      body: JSON.stringify(command),
+    });
+    if (!response.ok) throw new Error("FIXTURE_FOLLOWUP_FAILED");
+    const result: AiMapToolResult = await response.json();
+    setTurns([...turns(), [block(result.map, false, `followup-${turns().length}`), text(`followup-text-${turns().length}`, true)]]);
+  },
+});
+mount.replaceChildren();
+render(
+  () => (
+    <LocaleProvider locale={document.documentElement.lang}>
+      <AiReaderTimeZoneProvider value="Europe/Berlin">
+        <AiChatActionsProvider actions={{}}>
+          <For each={turns()}>
+            {(blocks) => {
+              const segment = createMemo(() => ({
+                id: blocks[0]!.id,
+                turnId: blocks[0]!.id,
+                phase: "completed" as const,
+                layout: layoutAiTurn(blocks, { phase: "completed" }),
+                earlier: false,
+                duration: () => null,
+              }));
+              return <AiTurnView segment={segment} disclosureState={createAiToolDisclosureState()} />;
+            }}
+          </For>
+        </AiChatActionsProvider>
+      </AiReaderTimeZoneProvider>
+    </LocaleProvider>
+  ),
+  mount,
+);

package/src/ai/chat/map-widget.css

@@ -0,0 +1,107 @@
+.ai-map-host { container: assistant-map / inline-size; min-width:0; width:100%; }
+.ai-map { --map-second: #0f766e; display:flex; flex-direction:column; gap:14px; width:100%; min-width:0; color:var(--k2b-text); font-size:14px; line-height:1.45; scroll-margin-top:24px; }
+.ai-map p { margin:0; }
+.ai-map a,.ai-map__jump { color:var(--k2b-action); }
+.ai-map__head { display:flex; align-items:center; gap:6px; height:29px; overflow:hidden; white-space:nowrap; font-size:18px; }
+.ai-map__chip { display:inline-flex; align-items:center; flex:none; height:28px; border-radius:7px; padding:0 9px; background:var(--ui-field); font-size:14px; }
+.ai-map__split { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; height:344px; }
+.ai-map__info { grid-column:2; grid-row:1; height:232px; min-width:0; display:flex; flex-direction:column; gap:8px; padding:4px 4px 0; overflow:hidden; font-size:13.5px; }
+.ai-map__info h4 { margin:0; font-size:17px; font-weight:600; line-height:1.3; }
+.ai-map__info>div { overflow:hidden; text-overflow:ellipsis; }
+.ai-map__info small,.ai-map__provenance { color:var(--ui-text-dimmed); font-size:12.5px; }
+.ai-map__description { display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; flex-shrink:0; }
+.ai-map__list { grid-column:1; grid-row:1; display:flex; flex-direction:column; gap:2px; height:344px; overflow:auto; }
+.ai-map__list:focus-visible { outline:2px solid var(--k2b-focus-ring); outline-offset:2px; border-radius:10px; }
+.ai-map__place { display:grid; grid-template-columns:26px minmax(0,1fr) auto; gap:10px; align-items:center; min-height:52px; flex:none; padding:6px 10px; border-radius:10px; cursor:pointer; }
+.ai-map__place:hover { background:var(--ui-hover); }
+.ai-map__place[aria-selected=true] { background:color-mix(in srgb,var(--k2b-action-solid) 12%,transparent); }
+.ai-map__place[data-second=true][aria-selected=true] { background:color-mix(in srgb,var(--map-second) 12%,transparent); }
+.ai-map__mark { width:24px; height:24px; border-radius:50%; display:grid; place-items:center; font-size:12px; font-weight:600; box-shadow:inset 0 0 0 2px var(--k2b-action-solid); }
+.ai-map__place[data-second=true] .ai-map__mark { box-shadow:inset 0 0 0 2px var(--map-second); }
+.ai-map__place-text { display:flex; flex-direction:column; min-width:0; }
+.ai-map__place-text>span,.ai-map__place-text>small { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+.ai-map__place-text>span { font-weight:500; }
+.ai-map__place-text>small { font-size:12.5px; color:var(--ui-text-dimmed); }
+.ai-map__distance { font-size:13px; font-variant-numeric:tabular-nums; }
+.ai-map__actions { display:flex; gap:8px; align-items:center; flex-wrap:wrap; }
+.ai-map__actions>.k2b-field { flex:1; min-width:100px; }
+.ai-map__zone { min-height:34px; }
+.ai-map__provenance { height:18px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+.ai-map__facts { display:flex; gap:32px; align-items:baseline; height:53px; font-variant-numeric:tabular-nums; }
+.ai-map__facts>div { display:flex; flex-direction:column; }
+.ai-map__facts strong { font-size:24px; font-weight:600; line-height:1.2; }
+.ai-map__facts [data-gain=true] { color:var(--k2b-success-text); }
+.ai-map__facts small { font-size:13px; }
+.ai-map__stages { height:241px; overflow:auto; display:flex; flex-direction:column; gap:0; }
+.ai-map__leg { display:grid; grid-template-columns:56px minmax(0,1fr) 76px 76px; align-items:center; gap:10px; min-height:40px; padding:0 10px; border-radius:9px; font-size:13.5px; flex:none; }
+.ai-map__leg>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
+.ai-map__leg>span:nth-last-child(-n+2) { text-align:right; font-variant-numeric:tabular-nums; }
+.ai-map__leg small { margin-left:6px; color:var(--ui-text-dimmed); font-size:12px; }
+.ai-map__leg[data-changed=true] { background:color-mix(in srgb,var(--map-second) 10%,transparent); }
+.ai-map[data-kind=route] .ai-map__zone { min-height:128px; }
+.ai-map__confirm,.ai-map__opts,.ai-map__search,.ai-map__save { display:flex; flex-direction:column; gap:8px; }
+.ai-map__confirm>p { font-size:17px; line-height:1.6; }
+.ai-map__receipt { display:flex; align-items:center; gap:10px; min-height:40px; }
+.ai-map__receipt time { margin-left:auto; color:var(--ui-text-dimmed); font-size:12.5px; }
+.ai-map__state { padding:14px 10px; display:flex; flex-direction:column; gap:8px; }
+.ai-map__state>p { color:var(--ui-text-dimmed); }
+.ai-map__error { display:flex; align-items:center; flex-wrap:wrap; gap:8px; font-size:13px; }
+.ai-map__more { align-self:flex-start; min-height:40px; }
+@container assistant-map (max-width:599px) {
+ .ai-map[data-kind=places] .ai-map__zone { min-height:76px; }
+ .ai-map__head { height:36px; font-size:16px; }
+ .ai-map__split { display:flex; flex-direction:column; gap:6px; height:544px; }
+ .ai-map__info { height:228px; flex:none; padding:0 2px; }
+ .ai-map__list { height:310px; flex:none; overflow:hidden; padding-top:14px; }
+ .ai-map__list .ai-map__place:nth-child(n+6) { display:none; }
+ .ai-map__list[data-expanded=true] .ai-map__place { display:grid; }
+ .ai-map[data-expanded=true] .ai-map__list,.ai-map[data-expanded=true] .ai-map__split { height:auto; overflow:visible; }
+ .ai-map[data-kind=places] .k2b-map-view { height:230px !important; }
+ .ai-map[data-kind=places] .ai-map__zone>.ai-map__actions { display:grid; grid-template-columns:1fr 1fr; }
+ .ai-map[data-kind=places] .ai-map__zone>.ai-map__actions>:nth-child(3) { grid-column:1 / -1; grid-row:2; }
+ .ai-map[data-kind=route] .k2b-map-view { height:240px !important; }
+ .ai-map__stages { height:286px; overflow:visible; }
+ .ai-map__leg { grid-template-columns:42px minmax(0,1fr) 54px 48px; gap:6px; padding:0 4px; font-size:12px; }
+ .ai-map__leg small { display:block; margin:0; }
+ .ai-map[data-kind=route] .ai-map__zone { min-height:150px; }
+ .ai-map__facts { gap:14px; }
+ .ai-map__facts strong { font-size:21px; }
+ .ai-map__opts { font-size:12px; }
+}
+@media (min-width:800px) { @container assistant-map (max-width:368px) {
+ .ai-map[data-kind=places] .k2b-map-view { height:200px !important; }
+}
+
+}
+
+.ai-map__placeholder { min-height:811px; justify-content:center; align-items:center; }
+.ai-map__placeholder[data-kind=route] { min-height:869px; }
+.ai-map__skeleton { display:flex; flex-direction:column; gap:18px; padding:14px 10px; width:100%; }
+.ai-map__skeleton span { height:34px; border-radius:8px; background:var(--ui-field); }
+.ai-map__route-place { padding:10px; font-size:12px; color:var(--ui-text-dimmed); }
+.ai-map__stages { overflow:visible; }
+.ai-map__stages:has(.ai-map__leg:nth-child(n+7)) { height:auto; }
+@container assistant-map (max-width:599px) { .ai-map__placeholder { min-height:960px; } .ai-map__placeholder[data-kind=route] { min-height:853px; } }
+
+:where(.dark,[data-theme="dark"]) .ai-map { --map-second:#14b8a6; }
+
+.ai-map__candidate { flex:none; height:40px; justify-content:flex-start; text-align:left; }
+.ai-map__candidate span { white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
+.ai-map__saved-stops { list-style:none; margin:0; padding:0 10px; display:grid; gap:8px; }
+.ai-map__order { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:20px; padding:8px 10px; }
+.ai-map__order ol { margin:8px 0 0; padding-left:22px; }
+.ai-map__order li { line-height:1.8; overflow-wrap:anywhere; }
+.ai-map__order>div:first-child ol { color:var(--ui-text-dimmed); }
+.ai-map__stages:has(.ai-map__order li:nth-child(n+7)) { height:auto; }
+
+.ai-map__group { height:24px; flex:none; display:flex; align-items:center; gap:6px; padding:0 10px; font-size:12.5px; font-weight:500; color:var(--k2b-action-solid); }
+.ai-map__group::before { content:""; width:7px; height:7px; border-radius:50%; background:currentColor; }
+.ai-map__group[data-second=true] { color:var(--map-second); }
+.ai-map__chip[data-second=true] { color:var(--map-second); background:color-mix(in srgb,var(--map-second) 12%,transparent); }
+.ai-map__place[aria-selected=true] .ai-map__mark { background:var(--k2b-action-solid); color:var(--k2b-surface); box-shadow:none; }
+.ai-map__place[data-second=true][aria-selected=true] .ai-map__mark { background:var(--map-second); }
+.ai-map__zone>.ai-map__actions>.k2b-button { min-height:34px; height:34px; }
+.ai-map__actions[data-quiet=true] { visibility:hidden; }
+.ai-map__receipt { min-height:24px; height:24px; }
+.ai-map__receipt>span { min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+.ai-map__receipt time,.ai-map__receipt .k2b-button { flex:none; }