@ottocode/web-sdk 0.1.273 → 0.1.275

package/dist/hooks/index.js

@@ -1239,8 +1239,16 @@ import { create } from "zustand";
 function titleFromPath(path) {
   return path.split("/").pop() || path;
 }
+function normalizeViewerPath(path) {
+  return path.trim().replace(/^a\//, "").replace(/^b\//, "").replace(/^\.\//, "").replace(/\/+/g, "/").replace(/\/+$/, "");
+}
+function viewerPathsMatch(left, right) {
+  const normalizedLeft = normalizeViewerPath(left);
+  const normalizedRight = normalizeViewerPath(right);
+  return normalizedLeft === normalizedRight || normalizedLeft.endsWith(`/${normalizedRight}`) || normalizedRight.endsWith(`/${normalizedLeft}`);
+}
 function fileTabId(path) {
-  return `file:${path}`;
+  return `file:${normalizeViewerPath(path)}`;
 }
 function upsertTab(tabs, tab) {
   const existingIndex = tabs.findIndex((item) => item.id === tab.id);
@@ -1264,6 +1272,13 @@ function isSamePatchCall(existing, preview) {
     return existing.status === "streaming";
   return preview.patch === existing.patch || preview.patch.startsWith(existing.patch) || existing.patch.startsWith(preview.patch);
 }
+function mergeChangedLines(existing, incoming) {
+  if (!existing?.length)
+    return incoming;
+  if (!incoming?.length)
+    return existing;
+  return [...new Set([...existing, ...incoming])].sort((a, b) => a - b);
+}
 var useViewerTabsStore = create((set) => ({
   tabs: [],
   activeTabId: null,
@@ -1300,55 +1315,73 @@ var useViewerTabsStore = create((set) => ({
   openFileTab: (path) => {
     const id = fileTabId(path);
     set((state) => {
-      const tabs = state.tabs.filter((tab) => !(tab.type === "tool-preview" && tab.path === path && tab.id !== id));
+      const matchingFileTabs = state.tabs.filter((tab) => tab.type === "file" && viewerPathsMatch(tab.path, path));
+      const existingFile = matchingFileTabs.find((tab) => tab.id === state.activeTabId) ?? matchingFileTabs[0];
+      const targetId = existingFile?.id ?? id;
+      const targetPath = existingFile?.path ?? path;
+      const tabs = state.tabs.filter((tab) => !((tab.type === "tool-preview" || tab.type === "file") && tab.id !== targetId && viewerPathsMatch(tab.path, path)));
       return {
         tabs: upsertTab(tabs, {
-          id,
+          id: targetId,
           type: "file",
-          title: titleFromPath(path),
-          path
+          title: existingFile?.title ?? titleFromPath(targetPath),
+          path: targetPath
         }),
-        activeTabId: id
+        activeTabId: targetId
       };
     });
   },
   openToolReadTab: (path, highlight) => {
     const id = fileTabId(path);
     set((state) => {
-      const tabs = state.tabs.filter((tab) => !(tab.type === "tool-preview" && tab.path === path && tab.id !== id));
+      const matchingFileTabs = state.tabs.filter((tab) => tab.type === "file" && viewerPathsMatch(tab.path, path));
+      const existingFile = matchingFileTabs.find((tab) => tab.id === state.activeTabId) ?? matchingFileTabs[0];
+      const targetId = existingFile?.id ?? id;
+      const targetPath = existingFile?.path ?? path;
+      const tabs = state.tabs.filter((tab) => !((tab.type === "tool-preview" || tab.type === "file") && tab.id !== targetId && viewerPathsMatch(tab.path, path)));
       return {
         tabs: upsertTab(tabs, {
-          id,
+          id: targetId,
           type: "file",
-          title: titleFromPath(path),
-          path,
-          highlight
+          title: existingFile?.title ?? titleFromPath(targetPath),
+          path: targetPath,
+          highlight,
+          patchPreview: undefined,
+          writePreview: undefined
         }),
-        activeTabId: id
+        activeTabId: targetId
       };
     });
   },
   openToolPreviewTab: (preview) => {
     const id = fileTabId(preview.path);
     set((state) => {
-      const existingFile = state.tabs.find((tab) => tab.id === id && tab.type === "file");
-      const existing = state.tabs.find((tab) => tab.id === id && tab.type === "tool-preview");
-      const tabs = state.tabs.filter((tab) => !(tab.type === "tool-preview" && tab.id !== id && (tab.path === preview.path || Boolean(preview.callId && tab.callId === preview.callId))));
-      if (preview.toolName === "apply_patch" && existingFile) {
-        const existingPatchPreview = existingFile.patchPreview;
+      const matchingFileTabs = state.tabs.filter((tab) => tab.type === "file" && viewerPathsMatch(tab.path, preview.path));
+      const existingFile = matchingFileTabs.find((tab) => tab.id === state.activeTabId) ?? matchingFileTabs[0];
+      const targetId = existingFile?.id ?? id;
+      const targetPath = existingFile?.path ?? preview.path;
+      const existing = state.tabs.find((tab) => tab.type === "tool-preview" && viewerPathsMatch(tab.path, preview.path));
+      const tabs = state.tabs.filter((tab) => !((tab.type === "tool-preview" || tab.type === "file") && tab.id !== targetId && (viewerPathsMatch(tab.path, preview.path) || Boolean(preview.callId && "toolName" in tab && tab.callId === preview.callId))));
+      if (preview.toolName === "apply_patch") {
+        const existingPatchPreview = existingFile?.patchPreview ?? (existing?.toolName === "apply_patch" ? existing : undefined);
         const samePatchCall = isSamePatchCall(existingPatchPreview, preview);
-        const baseContent2 = preview.baseContent ?? (samePatchCall ? existingPatchPreview?.baseContent : existingPatchPreview?.resultContent ?? existingPatchPreview?.baseContent);
+        const baseContent = preview.baseContent ?? (samePatchCall ? existingPatchPreview?.baseContent : existingPatchPreview?.resultContent ?? existingPatchPreview?.baseContent);
+        const changedLines = samePatchCall ? preview.changedLines ?? existingPatchPreview?.changedLines : mergeChangedLines(existingPatchPreview?.changedLines, preview.changedLines);
         return {
           tabs: upsertTab(tabs, {
-            ...existingFile,
+            id: targetId,
+            type: "file",
+            title: existingFile?.title ?? titleFromPath(targetPath),
+            path: targetPath,
             highlight: undefined,
+            writePreview: undefined,
             patchPreview: {
-              path: preview.path,
+              path: targetPath,
               toolName: "apply_patch",
               callId: preview.callId ?? existingPatchPreview?.callId,
-              baseContent: baseContent2,
+              baseContent,
               patch: preview.patch ?? existingPatchPreview?.patch,
-              changedLines: preview.changedLines ?? (samePatchCall ? existingPatchPreview?.changedLines : undefined),
+              changedLines,
               previewContent: preview.previewContent ?? (samePatchCall ? existingPatchPreview?.previewContent : undefined),
               resultContent: preview.resultContent ?? (samePatchCall ? existingPatchPreview?.resultContent : undefined),
               previewLineTones: preview.previewLineTones ?? (samePatchCall ? existingPatchPreview?.previewLineTones : undefined),
@@ -1358,11 +1391,29 @@ var useViewerTabsStore = create((set) => ({
               error: preview.error ?? existingPatchPreview?.error
             }
           }),
-          activeTabId: id
+          activeTabId: targetId
         };
       }
-      const sameToolPreviewCall = isSamePatchCall(existing, preview);
-      const baseContent = preview.toolName === "apply_patch" ? preview.baseContent ?? (sameToolPreviewCall ? existing?.baseContent : existing?.resultContent ?? existing?.baseContent) : undefined;
+      if (existingFile) {
+        const existingWritePreview = existingFile.writePreview;
+        return {
+          tabs: upsertTab(tabs, {
+            ...existingFile,
+            highlight: undefined,
+            patchPreview: undefined,
+            writePreview: {
+              path: targetPath,
+              toolName: "write",
+              callId: preview.callId ?? existingWritePreview?.callId,
+              content: preview.content ?? existingWritePreview?.content,
+              status: preview.status,
+              error: preview.error ?? existingWritePreview?.error
+            }
+          }),
+          activeTabId: targetId
+        };
+      }
+      const existingWrite = existing?.toolName === "write" ? existing : undefined;
       return {
         tabs: upsertTab(tabs, {
           id,
@@ -1371,17 +1422,17 @@ var useViewerTabsStore = create((set) => ({
           path: preview.path,
           toolName: preview.toolName,
           callId: preview.callId,
-          content: preview.content ?? existing?.content,
-          baseContent,
-          patch: preview.patch ?? existing?.patch,
-          changedLines: preview.changedLines ?? existing?.changedLines,
-          previewContent: preview.previewContent ?? (sameToolPreviewCall ? existing?.previewContent : undefined),
-          resultContent: preview.resultContent ?? (sameToolPreviewCall ? existing?.resultContent : undefined),
-          previewLineTones: preview.previewLineTones ?? (sameToolPreviewCall ? existing?.previewLineTones : undefined),
-          previewFirstLine: preview.previewFirstLine ?? (sameToolPreviewCall ? existing?.previewFirstLine : undefined),
-          previewLatestLine: preview.previewLatestLine ?? (sameToolPreviewCall ? existing?.previewLatestLine : undefined),
+          content: preview.content ?? existingWrite?.content,
+          baseContent: undefined,
+          patch: undefined,
+          changedLines: undefined,
+          previewContent: undefined,
+          resultContent: undefined,
+          previewLineTones: undefined,
+          previewFirstLine: undefined,
+          previewLatestLine: undefined,
           status: preview.status,
-          error: preview.error ?? existing?.error
+          error: preview.error ?? existingWrite?.error
         }),
         activeTabId: id
       };
@@ -1977,7 +2028,71 @@ function useRemoveRemote() {
   });
 }
 // src/hooks/useMessages.ts
-import { useQuery as useQuery4, useMutation as useMutation4, useQueryClient as useQueryClient4 } from "@tanstack/react-query";
+import { useQuery as useQuery5, useMutation as useMutation4, useQueryClient as useQueryClient4 } from "@tanstack/react-query";
+
+// src/hooks/useQueueState.ts
+import { useQuery as useQuery4 } from "@tanstack/react-query";
+var defaultQueueState = {
+  currentMessageId: null,
+  queuedMessages: [],
+  queueLength: 0
+};
+function optimisticallyQueueMessage(queryClient, sessionId, messageId) {
+  queryClient.setQueryData(["queueState", sessionId], (current) => {
+    if (!current)
+      return current;
+    const isBusy = Boolean(current.currentMessageId) || current.queuedMessages.length > 0 || current.queueLength > 0;
+    if (!isBusy)
+      return current;
+    if (current.currentMessageId === messageId)
+      return current;
+    if (current.queuedMessages.some((item) => item.messageId === messageId)) {
+      return current;
+    }
+    const queuedMessages = [
+      ...current.queuedMessages,
+      { messageId, position: current.queuedMessages.length }
+    ];
+    return {
+      ...current,
+      queuedMessages,
+      queueLength: queuedMessages.length
+    };
+  });
+}
+function useQueueState(sessionId) {
+  const { data } = useQuery4({
+    queryKey: ["queueState", sessionId],
+    queryFn: async () => {
+      if (!sessionId)
+        return defaultQueueState;
+      const queueState = await apiClient.getQueueState(sessionId);
+      return {
+        currentMessageId: queueState.currentMessageId,
+        queuedMessages: queueState.queuedMessages,
+        queueLength: queueState.queuedMessages.length
+      };
+    },
+    enabled: !!sessionId,
+    placeholderData: defaultQueueState,
+    staleTime: Infinity
+  });
+  return data ?? defaultQueueState;
+}
+function useMessageQueuePosition(sessionId, messageId) {
+  const queueState = useQueueState(sessionId);
+  if (!sessionId || !queueState) {
+    return { isQueued: false, isRunning: false, position: null };
+  }
+  if (queueState.currentMessageId === messageId) {
+    return { isQueued: false, isRunning: true, position: null };
+  }
+  const queuedItem = queueState.queuedMessages.find((item) => item.messageId === messageId);
+  if (queuedItem) {
+    return { isQueued: true, isRunning: false, position: queuedItem.position };
+  }
+  return { isQueued: false, isRunning: false, position: null };
+}
 
 // src/hooks/useSessions.ts
 import {
@@ -2088,7 +2203,7 @@ function useDeleteSession() {
 // src/hooks/useMessages.ts
 function useMessages(sessionId, options = {}) {
   const { enabled = true, staleTime = 15000 } = options;
-  return useQuery4({
+  return useQuery5({
     queryKey: ["messages", sessionId],
     queryFn: () => {
       if (!sessionId) {
@@ -2110,7 +2225,8 @@ function useSendMessage(sessionId) {
       });
       return apiClient.sendMessage(sessionId, data);
     },
-    onSuccess: () => {
+    onSuccess: (result) => {
+      optimisticallyQueueMessage(queryClient, sessionId, result.messageId);
       queryClient.invalidateQueries({ queryKey: ["messages", sessionId] });
       queryClient.invalidateQueries({ queryKey: sessionsQueryKey });
     }
@@ -2303,7 +2419,7 @@ function useSessionStream(sessionId, enabled = true) {
       }
       for (let i = messages.length - 1;i >= 0; i -= 1) {
         const candidate = messages[i];
-        if (candidate.role === "assistant" && candidate.status !== "complete") {
+        if (candidate.role === "assistant" && candidate.status === "pending") {
           return i;
         }
       }
@@ -2516,6 +2632,37 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
       const normalizedTarget = normalizePatchPath(targetPath);
       return normalizedPatch === normalizedTarget || normalizedPatch.endsWith(`/${normalizedTarget}`) || normalizedTarget.endsWith(`/${normalizedPatch}`);
     };
+    const patchPathMayReferToTarget = (patchPath, targetPath) => {
+      const normalizedPatch = normalizePatchPath(patchPath).replace(/\/+$/, "");
+      const normalizedTarget = normalizePatchPath(targetPath);
+      if (!normalizedPatch)
+        return false;
+      return patchPathMatches(patchPath, targetPath) || normalizedTarget.startsWith(`${normalizedPatch}/`);
+    };
+    const isLikelyCompletePatchPath = (path) => {
+      const normalized = normalizePatchPath(path);
+      if (!normalized || normalized.endsWith("/"))
+        return false;
+      const name = normalized.split("/").pop() ?? "";
+      return name.includes(".");
+    };
+    const getCompletedPatchChangeLineSignature = (patch) => {
+      const stablePatch = patch.endsWith(`
+`) ? patch : patch.slice(0, patch.lastIndexOf(`
+`) + 1);
+      if (!stablePatch)
+        return;
+      let changeLines = 0;
+      let stableChangeLength = 0;
+      for (const line of stablePatch.split(`
+`)) {
+        if (line.startsWith("+") && !line.startsWith("+++") || line.startsWith("-") && !line.startsWith("---")) {
+          changeLines += 1;
+          stableChangeLength += line.length;
+        }
+      }
+      return changeLines > 0 ? `${changeLines}:${stableChangeLength}` : undefined;
+    };
     const extractPathsFromPatch = (patch) => {
       const paths = new Set;
       for (const line of patch.split(`
@@ -2637,31 +2784,41 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
       const failed = result?.ok === false || eventType === "error";
       const status = failed ? "error" : eventType === "tool.result" ? "success" : "streaming";
       const callId = getToolEventCallId(payload) ?? undefined;
-      if (status === "streaming" && buffer.length >= TOOL_PREVIEW_THROTTLE_MIN_CHARS) {
-        const previewKey = callId ?? "apply_patch";
-        const now = Date.now();
+      const patch = (typeof artifact?.patch === "string" ? artifact.patch : undefined) ?? (status === "streaming" ? getStreamingPatchPreviewContent(args, buffer) : getStringArg(args, buffer, "patch"));
+      if (!patch)
+        return;
+      const previewKey = callId ?? "apply_patch";
+      const lineSignature = status === "streaming" ? getCompletedPatchChangeLineSignature(patch) : undefined;
+      if (status === "streaming") {
         const last = toolPreviewEmitRef.current.get(previewKey);
-        const contentDelta = Math.abs(buffer.length - (last?.contentLength ?? 0));
-        if (last && now - last.emittedAt < TOOL_PREVIEW_THROTTLE_MS && contentDelta < TOOL_PREVIEW_THROTTLE_MIN_DELTA_CHARS) {
+        if (last?.lineSignature === lineSignature)
           return;
-        }
-        toolPreviewEmitRef.current.set(previewKey, {
-          emittedAt: now,
-          contentLength: buffer.length
-        });
       }
-      const patch = (typeof artifact?.patch === "string" ? artifact.patch : undefined) ?? (status === "streaming" ? getStreamingPatchPreviewContent(args, buffer) : getStringArg(args, buffer, "patch"));
-      if (!patch)
+      const patchPaths = extractPathsFromPatch(patch);
+      if (patchPaths.length === 0)
+        return;
+      const matchingFileTabs = viewerStore.tabs.filter((tab) => tab.type === "file" && patchPaths.some((path) => patchPathMayReferToTarget(path, tab.path)));
+      const activeMatchingFileTab = matchingFileTabs.find((tab) => tab.id === viewerStore.activeTabId);
+      const fallbackPath = patchPaths.find(isLikelyCompletePatchPath);
+      if (!activeMatchingFileTab && !matchingFileTabs[0] && !fallbackPath)
+        return;
+      const targetPath = activeMatchingFileTab?.path ?? matchingFileTabs[0]?.path ?? fallbackPath;
+      if (!targetPath)
         return;
-      for (const path of extractPathsFromPatch(patch)) {
-        viewerStore.openToolPreviewTab({
-          path,
-          toolName: "apply_patch",
-          callId,
-          patch,
-          changedLines: getChangedLinesForPath(result, path),
-          status,
-          error: extractErrorMessage2(payload)
+      viewerStore.openToolPreviewTab({
+        path: targetPath,
+        toolName: "apply_patch",
+        callId,
+        patch,
+        changedLines: getChangedLinesForPath(result, targetPath),
+        status,
+        error: extractErrorMessage2(payload)
+      });
+      if (status === "streaming") {
+        toolPreviewEmitRef.current.set(previewKey, {
+          emittedAt: Date.now(),
+          contentLength: buffer.length,
+          lineSignature
         });
       }
     };
@@ -2685,19 +2842,9 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
         return payload.delta;
       return typeof payload?.outputTextDelta === "string" ? payload.outputTextDelta : null;
     };
-    const getOptimisticPartIndex = (parts, stepIndex) => {
-      const appendIndex = (() => {
-        const indexes = parts.map((part) => part.index).filter((index) => Number.isFinite(index));
-        return indexes.length > 0 ? Math.max(...indexes) + 0.001 : 0;
-      })();
-      if (typeof stepIndex !== "number") {
-        return appendIndex;
-      }
-      const sameStepIndexes = parts.filter((part) => part.stepIndex === stepIndex).map((part) => part.index).filter((index) => Number.isFinite(index));
-      if (sameStepIndexes.length > 0) {
-        return Math.max(...sameStepIndexes) + 0.001;
-      }
-      return appendIndex;
+    const getOptimisticPartIndex = (parts, _stepIndex) => {
+      const indexes = parts.map((part) => part.index).filter((index) => Number.isFinite(index));
+      return indexes.length > 0 ? Math.max(...indexes) + 0.001 : 0;
     };
     const applyReasoningDelta = (payload) => {
       const messageId = typeof payload?.messageId === "string" ? payload.messageId : null;
@@ -3164,6 +3311,7 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
           const id = typeof payload?.id === "string" ? payload.id : null;
           if (role === "assistant" && id) {
             assistantMessageIdRef.current = id;
+            optimisticallyQueueMessage(queryClient, sessionId, id);
           }
           if (id && role) {
             const agent = typeof payload?.agent === "string" ? payload.agent : "";
@@ -3302,7 +3450,26 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
           removeEphemeralToolCall(payload);
           const messageId = typeof payload?.messageId === "string" ? payload.messageId : null;
           if (messageId) {
+            if (assistantMessageIdRef.current === messageId) {
+              assistantMessageIdRef.current = null;
+            }
             clearEphemeralForMessage(messageId);
+            const errorMessage = typeof payload?.error === "string" ? payload.error : typeof payload?.message === "string" ? payload.message : "Assistant run failed";
+            queryClient.setQueryData(["messages", sessionId], (oldMessages) => {
+              if (!oldMessages)
+                return oldMessages;
+              const idx = oldMessages.findIndex((m) => m.id === messageId);
+              if (idx === -1)
+                return oldMessages;
+              const next = [...oldMessages];
+              next[idx] = {
+                ...next[idx],
+                status: "error",
+                completedAt: next[idx].completedAt ?? Date.now(),
+                error: errorMessage
+              };
+              return next;
+            });
           }
           queryClient.invalidateQueries({ queryKey: ["messages", sessionId] });
           break;
@@ -3311,6 +3478,13 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
           const id = typeof payload?.id === "string" ? payload.id : null;
           const status = typeof payload?.status === "string" ? payload.status : null;
           if (id && status) {
+            if (status !== "pending" && assistantMessageIdRef.current === id) {
+              assistantMessageIdRef.current = null;
+            }
+            if (status !== "pending") {
+              clearEphemeralForMessage(id);
+            }
+            const error = typeof payload?.error === "string" ? payload.error : undefined;
             queryClient.setQueryData(["messages", sessionId], (oldMessages) => {
               if (!oldMessages)
                 return oldMessages;
@@ -3320,7 +3494,9 @@ ${bestEffortUnescapeJsonString(rawTail)}`;
               const next = [...oldMessages];
               next[idx] = {
                 ...next[idx],
-                status
+                status,
+                completedAt: status === "pending" ? next[idx].completedAt : next[idx].completedAt ?? Date.now(),
+                error: error ?? next[idx].error
               };
               return next;
             });
@@ -4666,10 +4842,10 @@ function useFileUpload(options = {}) {
   };
 }
 // src/hooks/useSessionFiles.ts
-import { useQuery as useQuery5 } from "@tanstack/react-query";
+import { useQuery as useQuery6 } from "@tanstack/react-query";
 function useSessionFiles(sessionId, enabled = true) {
   const isExpanded = useSessionFilesStore((state) => state.isExpanded);
-  return useQuery5({
+  return useQuery6({
     queryKey: ["session", sessionId, "files"],
     queryFn: () => sessionId ? apiClient.getSessionFiles(sessionId) : null,
     enabled: !!sessionId && enabled,
@@ -4678,46 +4854,6 @@ function useSessionFiles(sessionId, enabled = true) {
     staleTime: 3000
   });
 }
-// src/hooks/useQueueState.ts
-import { useQuery as useQuery6 } from "@tanstack/react-query";
-var defaultQueueState = {
-  currentMessageId: null,
-  queuedMessages: [],
-  queueLength: 0
-};
-function useQueueState(sessionId) {
-  const { data } = useQuery6({
-    queryKey: ["queueState", sessionId],
-    queryFn: async () => {
-      if (!sessionId)
-        return defaultQueueState;
-      const queueState = await apiClient.getQueueState(sessionId);
-      return {
-        currentMessageId: queueState.currentMessageId,
-        queuedMessages: queueState.queuedMessages,
-        queueLength: queueState.queuedMessages.length
-      };
-    },
-    enabled: !!sessionId,
-    placeholderData: defaultQueueState,
-    staleTime: Infinity
-  });
-  return data ?? defaultQueueState;
-}
-function useMessageQueuePosition(sessionId, messageId) {
-  const queueState = useQueueState(sessionId);
-  if (!sessionId || !queueState) {
-    return { isQueued: false, isRunning: false, position: null };
-  }
-  if (queueState.currentMessageId === messageId) {
-    return { isQueued: false, isRunning: true, position: null };
-  }
-  const queuedItem = queueState.queuedMessages.find((item) => item.messageId === messageId);
-  if (queuedItem) {
-    return { isQueued: true, isRunning: false, position: queuedItem.position };
-  }
-  return { isQueued: false, isRunning: false, position: null };
-}
 // src/hooks/useBranch.ts
 import { useQuery as useQuery7, useMutation as useMutation5, useQueryClient as useQueryClient7 } from "@tanstack/react-query";
 function useCreateBranch(sessionId) {
@@ -6299,7 +6435,8 @@ export {
   useAllModels,
   useAddRemote,
   useAddMCPServer,
-  sessionsQueryKey
+  sessionsQueryKey,
+  optimisticallyQueueMessage
 };
 
-//# debugId=88EDF96A27BB9BCF64756E2164756E21
+//# debugId=90296322954CBDC864756E2164756E21