scordi-extension 1.15.7 → 1.15.9

package/dist/src/blocks/AiParseDataBlock.ts.js

@@ -1,4 +1,5 @@
-import z from "/vendor/.vite-deps-zod.js__v--e041f26d.js";
+import z from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
+import { CurrencyInfoSchema } from "/src/sdk/types.ts.js";
 const ObjectSchemaDefinitionSchema = z.object({
   type: z.literal("object"),
   shape: z.record(z.string(), z.any())
@@ -17,7 +18,9 @@ export const AiParseDataBlockSchema = z.object({
   schemaDefinition: SchemaDefinitionSchema,
   prompt: z.string().optional(),
   model: z.string().optional(),
-  apiKey: z.string().min(1, "OpenAI API key is required")
+  apiKey: z.string().min(1, "AI API key is required"),
+  // 필수
+  provider: z.enum(["openai", "anthropic"])
   // 필수
 });
 export function validateAiParseDataBlock(data) {
@@ -29,8 +32,9 @@ export async function handlerAiParseData(data) {
       sourceData,
       schemaDefinition,
       prompt,
-      model = "gpt-4o-mini",
-      apiKey
+      model,
+      apiKey,
+      provider
     } = data;
     if (sourceData === void 0 || sourceData === null) {
       throw new Error("sourceData is required for ai-parse-data block");
@@ -45,8 +49,8 @@ export async function handlerAiParseData(data) {
         schemaDefinition,
         prompt,
         model,
-        apiKey
-        // API 키 포함
+        apiKey,
+        provider
       }
     });
     if (response.$isError) {
@@ -97,5 +101,11 @@ export const Schema = {
     type: "object",
     shape,
     ...options
+  }),
+  currency: (options) => ({
+    type: "currency",
+    shape: CurrencyInfoSchema,
+    description: options?.description || "Currency information with code, symbol, format, amount, and text",
+    optional: options?.optional
   })
 };

package/dist/src/blocks/CaptureNetworkBlock.ts.js

@@ -0,0 +1,55 @@
+import z from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
+export const CaptureNetworkBlockSchema = z.object({
+  name: z.literal("capture-network"),
+  targetUrl: z.string().url(),
+  waitForLoadComplete: z.boolean().optional(),
+  timeout: z.number().min(0).optional(),
+  includeRequestHeaders: z.boolean().optional(),
+  includeResponseHeaders: z.boolean().optional(),
+  includeResponseBody: z.boolean().optional(),
+  urlFilter: z.string().optional(),
+  resourceTypes: z.array(z.string()).optional()
+});
+export function validateCaptureNetworkBlock(data) {
+  return CaptureNetworkBlockSchema.parse(data);
+}
+export async function handlerCaptureNetwork(data) {
+  try {
+    console.log("[CaptureNetworkBlock] Capturing network requests for URL:", data.targetUrl);
+    const response = await chrome.runtime.sendMessage({
+      type: "CDP_CAPTURE_NETWORK",
+      data: {
+        targetUrl: data.targetUrl,
+        waitForLoadComplete: data.waitForLoadComplete ?? true,
+        timeout: data.timeout || 3e4,
+        includeRequestHeaders: data.includeRequestHeaders ?? false,
+        includeResponseHeaders: data.includeResponseHeaders ?? false,
+        includeResponseBody: data.includeResponseBody ?? false,
+        urlFilter: data.urlFilter,
+        resourceTypes: data.resourceTypes
+      }
+    });
+    if (response.$isError) {
+      return {
+        hasError: true,
+        message: response.message || "Network capture failed",
+        data: void 0
+      };
+    }
+    console.log(
+      "[CaptureNetworkBlock] Network capture successful, captured:",
+      response.data.summary.totalRequests,
+      "requests"
+    );
+    return {
+      data: response.data
+    };
+  } catch (error) {
+    console.error("[CaptureNetworkBlock] Network capture error:", error);
+    return {
+      hasError: true,
+      message: error instanceof Error ? error.message : "Unknown error in network capture",
+      data: void 0
+    };
+  }
+}

package/dist/src/blocks/ClearValueFormBlock.ts.js

@@ -1,6 +1,6 @@
 import { findElement } from "/src/content/elements/index.ts.js";
 import { BaseBlockSchema } from "/src/blocks/types.ts.js";
-import z from "/vendor/.vite-deps-zod.js__v--e041f26d.js";
+import z from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
 export const ClearValueFormsBlockSchema = BaseBlockSchema.extend({
   name: z.literal("clear-value-form"),
   type: z.enum(["text-field", "select", "checkbox"]).optional()

package/dist/src/blocks/DataExtractBlock.ts.js

@@ -1,18 +1,18 @@
-import z from "/vendor/.vite-deps-zod.js__v--e041f26d.js";
-import __vite__cjsImport1_jsonata from "/vendor/.vite-deps-jsonata.js__v--e041f26d.js"; const jsonata = __vite__cjsImport1_jsonata.__esModule ? __vite__cjsImport1_jsonata.default : __vite__cjsImport1_jsonata;
+import z from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
+import __vite__cjsImport1_jsonata from "/vendor/.vite-deps-jsonata.js__v--7cce5f32.js"; const jsonata = __vite__cjsImport1_jsonata.__esModule ? __vite__cjsImport1_jsonata.default : __vite__cjsImport1_jsonata;
 export const DataExtractBlockSchema = z.object({
   name: z.literal("data-extract"),
-  code: z.string()
+  code: z.string(),
+  inputData: z.any().optional()
 });
 export function validateDataExtractBlock(data) {
   return DataExtractBlockSchema.parse(data);
 }
-export async function handlerDataExtract(data, context) {
+export async function handlerDataExtract(data) {
   try {
     console.log("[DataExtractBlock] Executing JSONata query:", data.code);
-    console.log("[DataExtractBlock] Context:", context);
     const expression = jsonata(data.code);
-    const result = await expression.evaluate(context);
+    const result = await expression.evaluate(data.inputData);
     console.log("[DataExtractBlock] Data extraction successful");
     return {
       data: result

package/dist/src/blocks/ElementExistsBlock.ts.js

@@ -1,6 +1,6 @@
 import { findElement } from "/src/content/elements/index.ts.js";
 import { BaseBlockSchema } from "/src/blocks/types.ts.js";
-import z from "/vendor/.vite-deps-zod.js__v--e041f26d.js";
+import z from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
 export const ElementExistsBlockSchema = BaseBlockSchema.extend({
   name: z.literal("element-exists")
 });

package/dist/src/blocks/EventClickBlock.ts.js

@@ -1,4 +1,4 @@
-import z from "/vendor/.vite-deps-zod.js__v--e041f26d.js";
+import z from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
 import { BaseBlockSchema } from "/src/blocks/types.ts.js";
 import { findElement } from "/src/content/elements/index.ts.js";
 export const EventClickBlockSchema = BaseBlockSchema.extend({

package/dist/src/blocks/FetchApiBlock.ts.js

@@ -1,4 +1,4 @@
-import z from "/vendor/.vite-deps-zod.js__v--e041f26d.js";
+import z from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
 export const FetchApiBlockSchema = z.object({
   name: z.literal("fetch-api"),
   url: z.string(),

package/dist/src/blocks/GetAttributeValueBlock.ts.js

@@ -1,4 +1,4 @@
-import z from "/vendor/.vite-deps-zod.js__v--e041f26d.js";
+import z from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
 import { BaseBlockSchema } from "/src/blocks/types.ts.js";
 import { findElement } from "/src/content/elements/index.ts.js";
 export const GetAttributeValueBlockSchema = BaseBlockSchema.extend({

package/dist/src/blocks/GetElementDataBlock.ts.js

@@ -1,4 +1,4 @@
-import z from "/vendor/.vite-deps-zod.js__v--e041f26d.js";
+import z from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
 import { BaseBlockSchema } from "/src/blocks/types.ts.js";
 import { findElement } from "/src/content/elements/index.ts.js";
 import { CSSSelectorGenerator } from "/src/content/elements/utils/CSSSelectorGenerator.ts.js";

package/dist/src/blocks/GetTextBlock.ts.js

@@ -1,4 +1,4 @@
-import z from "/vendor/.vite-deps-zod.js__v--e041f26d.js";
+import z from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
 import { BaseBlockSchema } from "/src/blocks/types.ts.js";
 import { findElement } from "/src/content/elements/index.ts.js";
 export const GetTextBlockSchema = BaseBlockSchema.extend({

package/dist/src/blocks/GetValueFormBlock.ts.js

@@ -1,6 +1,6 @@
 import { findElement } from "/src/content/elements/index.ts.js";
 import { BaseBlockSchema } from "/src/blocks/types.ts.js";
-import z from "/vendor/.vite-deps-zod.js__v--e041f26d.js";
+import z from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
 export const GetValueFormsBlockSchema = BaseBlockSchema.extend({
   name: z.literal("get-value-form"),
   type: z.enum(["text-field", "select", "checkbox"]).optional()

package/dist/src/blocks/KeypressBlock.ts.js

@@ -1,4 +1,4 @@
-import z from "/vendor/.vite-deps-zod.js__v--e041f26d.js";
+import z from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
 export const KeypressBlockSchema = z.object({
   name: z.literal("keypress"),
   key: z.string(),

package/dist/src/blocks/NavigateBlock.ts.js

@@ -1,4 +1,4 @@
-import z from "/vendor/.vite-deps-zod.js__v--e041f26d.js";
+import z from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
 export const NavigateBlockSchema = z.object({
   name: z.literal("navigate"),
   url: z.string().url("Valid URL is required"),

package/dist/src/blocks/SaveAssetsBlock.ts.js

@@ -1,6 +1,6 @@
 import { findElement } from "/src/content/elements/index.ts.js";
 import { BaseBlockSchema } from "/src/blocks/types.ts.js";
-import z from "/vendor/.vite-deps-zod.js__v--e041f26d.js";
+import z from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
 export const SaveAssetsBlockSchema = BaseBlockSchema.extend({
   name: z.literal("save-assets")
 });

package/dist/src/blocks/ScrollBlock.ts.js

@@ -1,4 +1,4 @@
-import z from "/vendor/.vite-deps-zod.js__v--e041f26d.js";
+import z from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
 import { BaseBlockSchema } from "/src/blocks/types.ts.js";
 import { findElement } from "/src/content/elements/index.ts.js";
 export const ScrollBlockSchema = BaseBlockSchema.extend({

package/dist/src/blocks/SetValueFormBlock.ts.js

@@ -1,6 +1,6 @@
 import { findElement } from "/src/content/elements/index.ts.js";
 import { BaseBlockSchema } from "/src/blocks/types.ts.js";
-import z from "/vendor/.vite-deps-zod.js__v--e041f26d.js";
+import z from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
 export const SetValueFormsBlockSchema = BaseBlockSchema.extend({
   name: z.literal("set-value-form"),
   setValue: z.string(),

package/dist/src/blocks/WaitBlock.ts.js

@@ -1,4 +1,4 @@
-import z from "/vendor/.vite-deps-zod.js__v--e041f26d.js";
+import z from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
 export const WaitBlockSchema = z.object({
   name: z.literal("wait"),
   duration: z.number().min(0)

package/dist/src/blocks/WaitForConditionBlock.ts.js

@@ -1,4 +1,4 @@
-import z from "/vendor/.vite-deps-zod.js__v--e041f26d.js";
+import z from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
 export const WaitForConditionBlockSchema = z.object({
   name: z.literal("wait-for-condition"),
   conditions: z.object({

package/dist/src/blocks/index.ts.js

@@ -17,6 +17,7 @@ export { ScrollBlockSchema } from "/src/blocks/ScrollBlock.ts.js";
 export { AiParseDataBlockSchema } from "/src/blocks/AiParseDataBlock.ts.js";
 export { FetchApiBlockSchema } from "/src/blocks/FetchApiBlock.ts.js";
 export { DataExtractBlockSchema } from "/src/blocks/DataExtractBlock.ts.js";
+export { CaptureNetworkBlockSchema } from "/src/blocks/CaptureNetworkBlock.ts.js";
 import { handlerGetText, validateGetTextBlock } from "/src/blocks/GetTextBlock.ts.js";
 import {
   handlerGetAttributeValue,
@@ -55,6 +56,7 @@ import { handlerScroll, validateScrollBlock } from "/src/blocks/ScrollBlock.ts.j
 import { handlerAiParseData, validateAiParseDataBlock } from "/src/blocks/AiParseDataBlock.ts.js";
 import { handlerFetchApi, validateFetchApiBlock } from "/src/blocks/FetchApiBlock.ts.js";
 import { handlerDataExtract, validateDataExtractBlock } from "/src/blocks/DataExtractBlock.ts.js";
+import { handlerCaptureNetwork, validateCaptureNetworkBlock } from "/src/blocks/CaptureNetworkBlock.ts.js";
 import { GetTextBlockSchema as GetTextBlockSchema2 } from "/src/blocks/GetTextBlock.ts.js";
 import { GetAttributeValueBlockSchema as GetAttributeValueBlockSchema2 } from "/src/blocks/GetAttributeValueBlock.ts.js";
 import { GetValueFormsBlockSchema as GetValueFormsBlockSchema2 } from "/src/blocks/GetValueFormBlock.ts.js";
@@ -72,6 +74,7 @@ import { ScrollBlockSchema as ScrollBlockSchema2 } from "/src/blocks/ScrollBlock
 import { AiParseDataBlockSchema as AiParseDataBlockSchema2 } from "/src/blocks/AiParseDataBlock.ts.js";
 import { FetchApiBlockSchema as FetchApiBlockSchema2 } from "/src/blocks/FetchApiBlock.ts.js";
 import { DataExtractBlockSchema as DataExtractBlockSchema2 } from "/src/blocks/DataExtractBlock.ts.js";
+import { CaptureNetworkBlockSchema as CaptureNetworkBlockSchema2 } from "/src/blocks/CaptureNetworkBlock.ts.js";
 export const AllBlockSchemas = {
   "get-text": GetTextBlockSchema2,
   "attribute-value": GetAttributeValueBlockSchema2,
@@ -89,7 +92,8 @@ export const AllBlockSchemas = {
   "scroll": ScrollBlockSchema2,
   "ai-parse-data": AiParseDataBlockSchema2,
   "fetch-api": FetchApiBlockSchema2,
-  "data-extract": DataExtractBlockSchema2
+  "data-extract": DataExtractBlockSchema2,
+  "capture-network": CaptureNetworkBlockSchema2
 };
 export class BlockHandler {
   // Implementation
@@ -164,6 +168,10 @@ export class BlockHandler {
           const validatedBlock = validateDataExtractBlock(block);
           return await handlerDataExtract(validatedBlock);
         }
+        case "capture-network": {
+          const validatedBlock = validateCaptureNetworkBlock(block);
+          return await handlerCaptureNetwork(validatedBlock);
+        }
         default:
           return {
             hasError: true,

package/dist/src/blocks/types.ts.js

@@ -1,4 +1,4 @@
-import { z } from "/vendor/.vite-deps-zod.js__v--e041f26d.js";
+import { z } from "/vendor/.vite-deps-zod.js__v--7cce5f32.js";
 export const BaseBlockSchema = z.object({
   name: z.string(),
   selector: z.string(),

package/dist/src/content/components/ConfirmationUI.tsx.js

@@ -1,4 +1,4 @@
-import { createHotContext as __vite__createHotContext } from "/vendor/vite-client.js";import.meta.hot = __vite__createHotContext("/src/content/components/ConfirmationUI.tsx.js");import __vite__cjsImport0_react_jsxDevRuntime from "/vendor/.vite-deps-react_jsx-dev-runtime.js__v--e041f26d.js"; const jsxDEV = __vite__cjsImport0_react_jsxDevRuntime["jsxDEV"];
+import { createHotContext as __vite__createHotContext } from "/vendor/vite-client.js";import.meta.hot = __vite__createHotContext("/src/content/components/ConfirmationUI.tsx.js");import __vite__cjsImport0_react_jsxDevRuntime from "/vendor/.vite-deps-react_jsx-dev-runtime.js__v--7cce5f32.js"; const jsxDEV = __vite__cjsImport0_react_jsxDevRuntime["jsxDEV"];
 import * as RefreshRuntime from "/vendor/react-refresh.js";
 const inWebWorker = typeof WorkerGlobalScope !== "undefined" && self instanceof WorkerGlobalScope;
 let prevRefreshReg;
@@ -15,8 +15,8 @@ if (import.meta.hot && !inWebWorker) {
   window.$RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform;
 }
 var _s = $RefreshSig$(), _s2 = $RefreshSig$();
-import __vite__cjsImport3_react from "/vendor/.vite-deps-react.js__v--e041f26d.js"; const useEffect = __vite__cjsImport3_react["useEffect"]; const useState = __vite__cjsImport3_react["useState"];
-import __vite__cjsImport4_reactDom from "/vendor/.vite-deps-react-dom.js__v--e041f26d.js"; const createPortal = __vite__cjsImport4_reactDom["createPortal"];
+import __vite__cjsImport3_react from "/vendor/.vite-deps-react.js__v--7cce5f32.js"; const useEffect = __vite__cjsImport3_react["useEffect"]; const useState = __vite__cjsImport3_react["useState"];
+import __vite__cjsImport4_reactDom from "/vendor/.vite-deps-react-dom.js__v--7cce5f32.js"; const createPortal = __vite__cjsImport4_reactDom["createPortal"];
 const positionStyles = {
   "top-left": {
     top: "20px",

package/dist/src/content/components/ExecutionStatusUI.tsx.js

@@ -0,0 +1,223 @@
+import { createHotContext as __vite__createHotContext } from "/vendor/vite-client.js";import.meta.hot = __vite__createHotContext("/src/content/components/ExecutionStatusUI.tsx.js");import __vite__cjsImport0_react_jsxDevRuntime from "/vendor/.vite-deps-react_jsx-dev-runtime.js__v--7cce5f32.js"; const Fragment = __vite__cjsImport0_react_jsxDevRuntime["Fragment"]; const jsxDEV = __vite__cjsImport0_react_jsxDevRuntime["jsxDEV"];
+import * as RefreshRuntime from "/vendor/react-refresh.js";
+const inWebWorker = typeof WorkerGlobalScope !== "undefined" && self instanceof WorkerGlobalScope;
+let prevRefreshReg;
+let prevRefreshSig;
+if (import.meta.hot && !inWebWorker) {
+  if (!window.$RefreshReg$) {
+    throw new Error(
+      "@vitejs/plugin-react can't detect preamble. Something is wrong."
+    );
+  }
+  prevRefreshReg = window.$RefreshReg$;
+  prevRefreshSig = window.$RefreshSig$;
+  window.$RefreshReg$ = RefreshRuntime.getRefreshReg("/Users/kerry/Documents/GitHub/8g-extension/src/content/components/ExecutionStatusUI.tsx");
+  window.$RefreshSig$ = RefreshRuntime.createSignatureFunctionForTransform;
+}
+var _s = $RefreshSig$(), _s2 = $RefreshSig$();
+import __vite__cjsImport3_react from "/vendor/.vite-deps-react.js__v--7cce5f32.js"; const useEffect = __vite__cjsImport3_react["useEffect"]; const useState = __vite__cjsImport3_react["useState"];
+import __vite__cjsImport4_reactDom from "/vendor/.vite-deps-react-dom.js__v--7cce5f32.js"; const createPortal = __vite__cjsImport4_reactDom["createPortal"];
+export function ExecutionStatusUI({ visible, message = "실행 중" }) {
+  _s();
+  const [isAnimating, setIsAnimating] = useState(false);
+  useEffect(() => {
+    if (visible) {
+      setTimeout(() => setIsAnimating(true), 10);
+    } else {
+      setIsAnimating(false);
+    }
+  }, [visible]);
+  if (!visible) return null;
+  const containerStyle = {
+    position: "fixed",
+    top: "20px",
+    left: "20px",
+    zIndex: 2147483647,
+    backgroundColor: "#ffffff",
+    border: "2px solid #818cf8",
+    borderRadius: "12px",
+    padding: "16px 20px",
+    boxShadow: "0 10px 25px rgba(0, 0, 0, 0.2)",
+    display: "flex",
+    alignItems: "center",
+    gap: "12px",
+    minWidth: "200px",
+    fontFamily: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif',
+    transform: isAnimating ? "scale(1)" : "scale(0.9)",
+    opacity: isAnimating ? 1 : 0,
+    transition: "transform 0.2s ease-out, opacity 0.2s ease-out"
+  };
+  const catContainerStyle = {
+    position: "relative",
+    width: "40px",
+    height: "30px",
+    overflow: "hidden"
+  };
+  const catStyle = {
+    fontSize: "24px",
+    animation: "walkCat 2s ease-in-out infinite"
+  };
+  const messageStyle = {
+    margin: 0,
+    fontSize: "14px",
+    fontWeight: 600,
+    color: "#1f2937",
+    display: "flex",
+    alignItems: "center",
+    gap: "4px"
+  };
+  const dotsStyle = {
+    display: "inline-block",
+    width: "20px"
+  };
+  return createPortal(
+    /* @__PURE__ */ jsxDEV(Fragment, { children: [
+      /* @__PURE__ */ jsxDEV("style", { children: `
+          @keyframes walkCat {
+            0%, 100% {
+              transform: translateX(0px);
+            }
+            50% {
+              transform: translateX(10px);
+            }
+          }
+
+          @keyframes dotBlink {
+            0%, 20% {
+              opacity: 0;
+            }
+            40% {
+              opacity: 1;
+            }
+            100% {
+              opacity: 0;
+            }
+          }
+
+          .dot-1 {
+            animation: dotBlink 1.5s infinite;
+            animation-delay: 0s;
+          }
+
+          .dot-2 {
+            animation: dotBlink 1.5s infinite;
+            animation-delay: 0.3s;
+          }
+
+          .dot-3 {
+            animation: dotBlink 1.5s infinite;
+            animation-delay: 0.6s;
+          }
+        ` }, void 0, false, {
+        fileName: "/Users/kerry/Documents/GitHub/8g-extension/src/content/components/ExecutionStatusUI.tsx",
+        lineNumber: 94,
+        columnNumber: 7
+      }, this),
+      /* @__PURE__ */ jsxDEV("div", { style: containerStyle, onClick: (e) => e.stopPropagation(), children: [
+        /* @__PURE__ */ jsxDEV("div", { style: catContainerStyle, children: /* @__PURE__ */ jsxDEV("span", { style: catStyle, children: "🐱" }, void 0, false, {
+          fileName: "/Users/kerry/Documents/GitHub/8g-extension/src/content/components/ExecutionStatusUI.tsx",
+          lineNumber: 135,
+          columnNumber: 11
+        }, this) }, void 0, false, {
+          fileName: "/Users/kerry/Documents/GitHub/8g-extension/src/content/components/ExecutionStatusUI.tsx",
+          lineNumber: 134,
+          columnNumber: 9
+        }, this),
+        /* @__PURE__ */ jsxDEV("p", { style: messageStyle, children: [
+          message,
+          /* @__PURE__ */ jsxDEV("span", { style: dotsStyle, children: [
+            /* @__PURE__ */ jsxDEV("span", { className: "dot-1", children: "." }, void 0, false, {
+              fileName: "/Users/kerry/Documents/GitHub/8g-extension/src/content/components/ExecutionStatusUI.tsx",
+              lineNumber: 140,
+              columnNumber: 13
+            }, this),
+            /* @__PURE__ */ jsxDEV("span", { className: "dot-2", children: "." }, void 0, false, {
+              fileName: "/Users/kerry/Documents/GitHub/8g-extension/src/content/components/ExecutionStatusUI.tsx",
+              lineNumber: 141,
+              columnNumber: 13
+            }, this),
+            /* @__PURE__ */ jsxDEV("span", { className: "dot-3", children: "." }, void 0, false, {
+              fileName: "/Users/kerry/Documents/GitHub/8g-extension/src/content/components/ExecutionStatusUI.tsx",
+              lineNumber: 142,
+              columnNumber: 13
+            }, this)
+          ] }, void 0, true, {
+            fileName: "/Users/kerry/Documents/GitHub/8g-extension/src/content/components/ExecutionStatusUI.tsx",
+            lineNumber: 139,
+            columnNumber: 11
+          }, this)
+        ] }, void 0, true, {
+          fileName: "/Users/kerry/Documents/GitHub/8g-extension/src/content/components/ExecutionStatusUI.tsx",
+          lineNumber: 137,
+          columnNumber: 9
+        }, this)
+      ] }, void 0, true, {
+        fileName: "/Users/kerry/Documents/GitHub/8g-extension/src/content/components/ExecutionStatusUI.tsx",
+        lineNumber: 133,
+        columnNumber: 7
+      }, this)
+    ] }, void 0, true, {
+      fileName: "/Users/kerry/Documents/GitHub/8g-extension/src/content/components/ExecutionStatusUI.tsx",
+      lineNumber: 93,
+      columnNumber: 5
+    }, this),
+    document.body
+  );
+}
+_s(ExecutionStatusUI, "U13FD0PO4FR4rREA5Sq0cx8yDCA=");
+_c = ExecutionStatusUI;
+export function ExecutionStatusUIContainer() {
+  _s2();
+  const [uiState, setUiState] = useState({
+    visible: false,
+    message: "실행 중"
+  });
+  useEffect(() => {
+    const handleShow = (event) => {
+      const customEvent = event;
+      const { message } = customEvent.detail || {};
+      console.log("[ExecutionStatusUI] Show event received:", { message });
+      setUiState({
+        visible: true,
+        message: message || "실행 중"
+      });
+    };
+    const handleHide = () => {
+      console.log("[ExecutionStatusUI] Hide event received");
+      setUiState((prev) => ({
+        ...prev,
+        visible: false
+      }));
+    };
+    window.addEventListener("8g-show-execution-status", handleShow);
+    window.addEventListener("8g-hide-execution-status", handleHide);
+    return () => {
+      window.removeEventListener("8g-show-execution-status", handleShow);
+      window.removeEventListener("8g-hide-execution-status", handleHide);
+    };
+  }, []);
+  return /* @__PURE__ */ jsxDEV(ExecutionStatusUI, { visible: uiState.visible, message: uiState.message }, void 0, false, {
+    fileName: "/Users/kerry/Documents/GitHub/8g-extension/src/content/components/ExecutionStatusUI.tsx",
+    lineNumber: 193,
+    columnNumber: 10
+  }, this);
+}
+_s2(ExecutionStatusUIContainer, "HftpdxRipQgSZG00FebLnFqwyKI=");
+_c2 = ExecutionStatusUIContainer;
+var _c, _c2;
+$RefreshReg$(_c, "ExecutionStatusUI");
+$RefreshReg$(_c2, "ExecutionStatusUIContainer");
+if (import.meta.hot && !inWebWorker) {
+  window.$RefreshReg$ = prevRefreshReg;
+  window.$RefreshSig$ = prevRefreshSig;
+}
+if (import.meta.hot && !inWebWorker) {
+  RefreshRuntime.__hmr_import(import.meta.url).then((currentExports) => {
+    RefreshRuntime.registerExportsForReactRefresh("/Users/kerry/Documents/GitHub/8g-extension/src/content/components/ExecutionStatusUI.tsx", currentExports);
+    import.meta.hot.accept((nextExports) => {
+      if (!nextExports) return;
+      const invalidateMessage = RefreshRuntime.validateRefreshBoundaryAndEnqueueUpdate("/Users/kerry/Documents/GitHub/8g-extension/src/content/components/ExecutionStatusUI.tsx", currentExports, nextExports);
+      if (invalidateMessage) import.meta.hot.invalidate(invalidateMessage);
+    });
+  });
+}

package/dist/src/content/handler/InternalMessageHandler.ts.js

@@ -1,4 +1,8 @@
-import { isExecuteBlockMessage } from "/src/types/internal-messages.ts.js";
+import {
+  isExecuteBlockMessage,
+  isShowExecutionStatusMessage,
+  isHideExecutionStatusMessage
+} from "/src/types/internal-messages.ts.js";
 export class InternalMessageHandler {
   constructor(kernel) {
     this.kernel = kernel;
@@ -12,6 +16,24 @@ export class InternalMessageHandler {
         this.kernel.handleRuntimeMessage(message).then((result) => sendResponse(result)).catch((error) => sendResponse(this.kernel.createErrorResponse("", error)));
         return true;
       }
+      if (isShowExecutionStatusMessage(message)) {
+        console.log("[InternalMessageHandler] Show execution status:", message.data);
+        window.dispatchEvent(
+          new CustomEvent("8g-show-execution-status", {
+            detail: {
+              message: message.data.message || "워크플로우 실행 중"
+            }
+          })
+        );
+        sendResponse({ success: true });
+        return false;
+      }
+      if (isHideExecutionStatusMessage(message)) {
+        console.log("[InternalMessageHandler] Hide execution status");
+        window.dispatchEvent(new CustomEvent("8g-hide-execution-status"));
+        sendResponse({ success: true });
+        return false;
+      }
       return false;
     });
   }

package/dist/src/content/main.tsx.js

@@ -1,9 +1,10 @@
-import __vite__cjsImport0_react_jsxDevRuntime from "/vendor/.vite-deps-react_jsx-dev-runtime.js__v--e041f26d.js"; const jsxDEV = __vite__cjsImport0_react_jsxDevRuntime["jsxDEV"];
-import __vite__cjsImport1_reactDom_client from "/vendor/.vite-deps-react-dom_client.js__v--e041f26d.js"; const createRoot = __vite__cjsImport1_reactDom_client["createRoot"];
+import __vite__cjsImport0_react_jsxDevRuntime from "/vendor/.vite-deps-react_jsx-dev-runtime.js__v--7cce5f32.js"; const jsxDEV = __vite__cjsImport0_react_jsxDevRuntime["jsxDEV"];
+import __vite__cjsImport1_reactDom_client from "/vendor/.vite-deps-react-dom_client.js__v--7cce5f32.js"; const createRoot = __vite__cjsImport1_reactDom_client["createRoot"];
 import { MessageKernel } from "/src/content/kernel/MessageKernel.ts.js";
 import { InternalMessageHandler } from "/src/content/handler/InternalMessageHandler.ts.js";
 import { ExternalMessageHandler } from "/src/content/handler/ExternalMessageHandler.ts.js";
 import { ConfirmationUIContainer } from "/src/content/components/ConfirmationUI.tsx.js";
+import { ExecutionStatusUIContainer } from "/src/content/components/ExecutionStatusUI.tsx.js";
 (() => {
   if (window.is8gExtensionInjected) return;
   window.is8gExtensionInjected = true;
@@ -16,17 +17,27 @@ import { ConfirmationUIContainer } from "/src/content/components/ConfirmationUI.
   const isTopFrame = window.self === window.top;
   if (isTopFrame) {
     const initUI = () => {
-      const uiRoot = document.createElement("div");
-      uiRoot.id = "8g-confirmation-ui-root";
-      uiRoot.style.cssText = "all: initial; position: fixed; z-index: 2147483647;";
-      document.body.appendChild(uiRoot);
-      const root = createRoot(uiRoot);
-      root.render(/* @__PURE__ */ jsxDEV(ConfirmationUIContainer, {}, void 0, false, {
+      const confirmationRoot = document.createElement("div");
+      confirmationRoot.id = "8g-confirmation-ui-root";
+      confirmationRoot.style.cssText = "all: initial; position: fixed; z-index: 2147483647;";
+      document.body.appendChild(confirmationRoot);
+      const confirmationReactRoot = createRoot(confirmationRoot);
+      confirmationReactRoot.render(/* @__PURE__ */ jsxDEV(ConfirmationUIContainer, {}, void 0, false, {
         fileName: "/Users/kerry/Documents/GitHub/8g-extension/src/content/main.tsx",
-        lineNumber: 38,
-        columnNumber: 19
+        lineNumber: 40,
+        columnNumber: 36
       }, this));
-      console.log("[8G Extension] Confirmation UI mounted (top frame only)");
+      const executionStatusRoot = document.createElement("div");
+      executionStatusRoot.id = "8g-execution-status-ui-root";
+      executionStatusRoot.style.cssText = "all: initial; position: fixed; z-index: 2147483647;";
+      document.body.appendChild(executionStatusRoot);
+      const executionStatusReactRoot = createRoot(executionStatusRoot);
+      executionStatusReactRoot.render(/* @__PURE__ */ jsxDEV(ExecutionStatusUIContainer, {}, void 0, false, {
+        fileName: "/Users/kerry/Documents/GitHub/8g-extension/src/content/main.tsx",
+        lineNumber: 49,
+        columnNumber: 39
+      }, this));
+      console.log("[8G Extension] UI Components mounted (top frame only)");
     };
     if (document.body) {
       initUI();