zigmini 0.8.0-beta.5 → 0.8.0-beta.7

package/web/style.css

@@ -126,6 +126,8 @@ button { font: inherit; color: inherit; cursor: pointer; }
 .msg-name { font-weight: 600; }
 .msg-name.bot { color: #a3acff; }
 .msg-time { font-size: 12px; color: var(--muted); }
+.turn-stats { margin-top: 4px; margin-right: 48px; font-size: 12px; line-height: 1.5; color: var(--muted); font-variant-numeric: tabular-nums; user-select: none; }
+.turn-stats::before { content: attr(data-label); }
 .msg-tag { font-size: 11px; color: var(--muted); border: 1px solid #4e5058; border-radius: 4px; padding: 0 4px; }
 .msg-read { font-size: 11px; color: var(--muted); }
 .msg.precomment .msg-body { opacity: 0.72; font-size: 0.9em; }
@@ -412,6 +414,10 @@ button { font: inherit; color: inherit; cursor: pointer; }
 /* 정리 (improvement 66): inside .settings-body after 앱 내려받기; contain keeps its nowrap rows from widening the card on phones. */
 .settings-section.gc { contain: inline-size; }
 .gc-summary { text-transform: none; color: var(--text); }
+.gc-head { display: flex; align-items: center; gap: 12px; min-width: 0; }
+.gc-all { display: inline-flex; align-items: center; gap: 6px; text-transform: none; color: var(--text); font-weight: 400; cursor: pointer; white-space: nowrap; }
+.gc-all[hidden] { display: none; }
+.gc-all input { width: 16px; height: 16px; margin: 0; }
 .gc-list { margin: 0; padding: 0; list-style: none; display: flex; flex-direction: column; gap: 6px; }
 .gc-list:empty { display: none; }
 .gc-row { display: flex; align-items: center; gap: 8px; padding: 8px 10px; background: var(--bg-card); border: 1px solid #4e5058; border-radius: 6px; font-size: 13px; }
@@ -565,3 +571,13 @@ button { font: inherit; color: inherit; cursor: pointer; }
 /* Bug 90: the page-drawn tooltip (web/tooltip.js). */
 .zgw-tip { position: fixed; z-index: 10000; max-width: min(360px, calc(100vw - 16px)); padding: 6px 9px; border-radius: 6px; background: #111214; color: var(--text); border: 1px solid #3f4147; box-shadow: 0 4px 14px rgba(0, 0, 0, 0.45); font-size: 12px; line-height: 1.45; white-space: pre-line; overflow-wrap: anywhere; pointer-events: none; }
 .zgw-tip[hidden] { display: none; }
+
+/* Improvement 165: the security check card (values the user decides to send or drop). */
+.security-card { display: block; margin: 8px 0; border: 1px solid #4e5058; border-left: 4px solid var(--warn); background: var(--bg-card); border-radius: 6px; padding: 12px; max-width: 640px; }
+.security-card .security-title { font-weight: 600; margin-bottom: 6px; }
+.security-card .security-list { margin: 0 0 8px; padding-left: 18px; }
+.security-card .security-value { word-break: break-all; }
+.security-card .security-place { opacity: 0.7; font-size: 0.9em; }
+.security-card .security-actions { display: flex; gap: 8px; }
+.security-card .security-actions .btn { white-space: nowrap; writing-mode: horizontal-tb; }
+.security-card.done { opacity: 0.75; }

package/web/tooltip.d.ts

@@ -4,17 +4,11 @@ export type TipElement = {
 	setAttribute(name: string, value: string): void;
 	removeAttribute(name: string): void;
 	hasAttribute(name: string): boolean;
-	textContent: string | null;
-	scrollWidth: number;
-	clientWidth: number;
-	scrollHeight: number;
-	clientHeight: number;
 };
 export const TIP_GAP: number;
 export const TIP_MARGIN: number;
 export const TIP_ID: string;
 export function placeTip(anchor: Box, tip: { width: number; height: number }, view: { width: number; height: number }): { left: number; top: number; side: "above" | "below" };
-export function isTruncated(el: { scrollWidth: number; clientWidth: number; scrollHeight: number; clientHeight: number }): boolean;
 export function adoptTitle(el: Pick<TipElement, "getAttribute" | "setAttribute" | "removeAttribute" | "hasAttribute">): void;
 export function tipText(el: TipElement): string;
 export function addId(list: string | null, id: string): string;

package/web/tooltip.js

@@ -1,12 +1,13 @@
 // Bug 90: the page draws its own tooltip. Some browsers (the user's, likely Aside) never show the native `title`
-// tooltip, so every `title` in the page moves to `data-tip` and one shared element shows it on hover and keyboard focus,
-// linked with aria-describedby. Improvement 143: `data-tip-overflow` shows the tip only while the text is cut off.
+// tooltip, so a `title` moves to `data-tip` and one shared element shows it on hover and keyboard focus, linked with
+// aria-describedby. Bug 161: only elements marked `data-tip-keep` (새 세션, the voice buttons, 확인함, 이벤트) keep a
+// visible tip; every other `title` moves to `aria-description`, so neither the page nor the browser shows a tip for it.
 
 export const TIP_GAP = 6;
 export const TIP_MARGIN = 8;
 export const TIP_ID = "zgw-tip";
 const HOVER_DELAY_MS = 250;
-const SELECTOR = "[data-tip], [data-tip-overflow]";
+const SELECTOR = "[data-tip]";
 
 export function placeTip(anchor, tip, view) {
 	const left = Math.max(TIP_MARGIN, Math.min((anchor.left + anchor.right) / 2 - tip.width / 2, view.width - tip.width - TIP_MARGIN));
@@ -18,21 +19,17 @@ export function placeTip(anchor, tip, view) {
 	return { left, top, side: "below" };
 }
 
-export function isTruncated(el) {
-	return el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight;
-}
-
 export function adoptTitle(el) {
 	if (!el.hasAttribute("title")) return;
 	const text = el.getAttribute("title");
 	el.removeAttribute("title");
-	if (text) el.setAttribute("data-tip", text);
-	else el.removeAttribute("data-tip");
+	const attr = el.hasAttribute("data-tip-keep") ? "data-tip" : "aria-description";
+	if (text) el.setAttribute(attr, text);
+	else el.removeAttribute(attr);
 }
 
 export function tipText(el) {
-	if (el.hasAttribute("data-tip-overflow") && !isTruncated(el)) return "";
-	return el.getAttribute("data-tip") || (el.hasAttribute("data-tip-overflow") ? el.textContent : "") || "";
+	return el.hasAttribute("data-tip-keep") ? el.getAttribute("data-tip") || "" : "";
 }
 
 export function addId(list, id) {

package/web/turn-stats.d.ts

@@ -0,0 +1,26 @@
+export interface TurnStatsEvent {
+	readonly conv?: string;
+	readonly type: string;
+	readonly seq?: number;
+	readonly data?: {
+		readonly itemId?: unknown;
+		readonly messageSeq?: unknown;
+		readonly turnId?: unknown;
+		readonly stats?: unknown;
+	};
+}
+export interface StatsBody {
+	readonly ownerDocument: { createElement(tag: string): StatsLine };
+	querySelector(selector: string): unknown;
+	appendChild(line: StatsLine): unknown;
+}
+export interface StatsLine {
+	className: string;
+	readonly dataset: Record<string, string | undefined>;
+	setAttribute(name: string, value: string): void;
+}
+export function turnStatsLabel(stats: unknown): string;
+export function createTurnStats(): {
+	reset(conv: string): void;
+	accept(event: TurnStatsEvent, body?: StatsBody): void;
+};

package/web/turn-stats.js

@@ -0,0 +1,58 @@
+/** Unknown fields are omitted, not rendered as zero. Model time excludes tools and wall time. */
+export function turnStatsLabel(stats) {
+	if (!stats || typeof stats !== "object") return "";
+	const parts = [];
+	if (Number.isFinite(stats.tokensPerSecond) && stats.tokensPerSecond > 0) parts.push(`TPS ${stats.tokensPerSecond.toFixed(1)} tok/s`);
+	if (Number.isFinite(stats.modelDurationMs) && stats.modelDurationMs > 0) parts.push(`모델 처리 ${(stats.modelDurationMs / 1000).toFixed(1)}초`);
+	if (Number.isFinite(stats.cacheHitPercent) && stats.cacheHitPercent >= 0 && stats.cacheHitPercent <= 100) parts.push(`캐시 적중 ${stats.cacheHitPercent.toFixed(1)}%`);
+	return parts.join(" · ");
+}
+
+/**
+ * One transcript in one gateway origin. Nothing is shared in storage or across app instances.
+ * Keep unmatched stats until their final's older page arrives; never fall back to the latest row.
+ */
+export function createTurnStats() {
+	let conv = null;
+	const rows = new Map();
+	const labels = new Map();
+	function draw(key) {
+		const body = rows.get(key);
+		const label = labels.get(key);
+		if (!body || !label || body.querySelector(".turn-stats")) return;
+		const line = body.ownerDocument.createElement("div");
+		line.className = "turn-stats";
+		// Generated content stays out of selection text and ordinary transcript text exports.
+		// The accessible name still exposes the same metadata to assistive technology.
+		line.dataset.label = label;
+		line.setAttribute("role", "note");
+		line.setAttribute("aria-label", label);
+		body.appendChild(line);
+	}
+	return {
+		reset(nextConv) {
+			conv = nextConv;
+			rows.clear();
+			labels.clear();
+		},
+		accept(event, body) {
+			if (!event || event.conv !== conv || !event.data) return;
+			const data = event.data;
+			if (typeof data.itemId !== "string" || !data.itemId) return;
+			const seq = event.type === "message.final" ? event.seq : data.messageSeq;
+			if (!Number.isInteger(seq) || seq <= 0) return;
+			const key = JSON.stringify([data.itemId, seq]);
+			if (event.type === "message.final") {
+				if (!body) return;
+				rows.set(key, body);
+				draw(key);
+			} else if (event.type === "message.stats") {
+				if (typeof data.turnId !== "string" || !data.turnId) return;
+				const label = turnStatsLabel(data.stats);
+				if (!label) return;
+				if (!labels.has(key)) labels.set(key, label);
+				draw(key);
+			}
+		},
+	};
+}

package/web/update.d.ts

@@ -42,4 +42,4 @@ export function questionGate(counters: { readonly pending: number; readonly need
 export function canUpdate(status: unknown): boolean;
 export function updateStep(status: number, body: unknown): UpdateStep;
 export function resultLine(result: unknown): string | null;
-export function progressLine(data: unknown): string | null;
+export function progressLine(data: unknown, loadedVersion?: string | null): string | null;

package/web/update.js

@@ -89,10 +89,17 @@ export function resultLine(result) {
 	return `${typeof result.message === "string" ? result.message : "업데이트에 실패했습니다."}${typeof result.logPath === "string" && result.logPath !== "" ? ` (로그: ${result.logPath})` : ""}`;
 }
 
-/** The line for an `update.progress` payload or a GET /api/update/state body; null shows nothing. */
-export function progressLine(data) {
+/**
+ * The line for an `update.progress` payload or a GET /api/update/state body; null shows nothing. The gateway keeps the last
+ * result in state.json for good, so `loadedVersion` (the version the page first loaded on) hides an ok result that ended
+ * at that version: the page was reloaded after the update and the "reload the page" line is stale.
+ */
+export function progressLine(data, loadedVersion = null) {
 	if (data === null || typeof data !== "object") return null;
-	if (data.result !== undefined && data.result !== null) return resultLine(data.result);
+	if (data.result !== undefined && data.result !== null) {
+		if (data.result.ok === true && loadedVersion !== null && data.result.to === loadedVersion) return null;
+		return resultLine(data.result);
+	}
 	if (typeof data.label !== "string" || data.phase === "done") return null;
 	return `업데이트 중 (${data.from} → ${data.to}): ${data.label}`;
 }