Fix: Resolve CI build failures for Crane Visualizer panel

This commit addresses several issues that caused the CI build to fail:

1.  **Corrected Module Import Paths:**
    *   I changed import paths in `src/crane_visualizer_panel.tsx` for
        `settings_utils.ts` and `constants.ts` from `../` to `./` to
        correctly resolve modules within the `src` directory.

2.  **Addressed React UMD Global Errors:**
    *   I added `import React from 'react';` to `src/crane_visualizer_panel.tsx`
        (merging with existing named React imports). This ensures `React` is
        in scope for JSX compilation, as required by the `"jsx": "react"`
        setting in `tsconfig.json`.

3.  **Fixed `unsubscribe` TypeError and Logic:**
    *   I corrected the argument passed to `context.unsubscribe` in the topic
        subscription `useEffect` hook in `src/crane_visualizer_panel.tsx`.
        It now correctly passes an array of topic strings (`[topic]`)
        instead of an array of objects (`[{ topic }]`), aligning with the
        expected signature for unsubscribing by subscription ID.
        This also fixes a potential memory leak where previous topics were
        not being unsubscribed upon topic change.

These changes should resolve the CI build errors and ensure the panel
builds successfully.

Author: google-labs-jules[bot]

src/crane_visualizer_panel.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useLayoutEffect, useState, useEffect, FC, memo } from "react";
+import React, { useCallback, useLayoutEffect, useState, useEffect, FC, memo } from "react";
 import {
   PanelExtensionContext,
   SettingsTree,
@@ -13,9 +13,9 @@ import ReactDOM from "react-dom";
 import { StrictMode } from "react";
 import { usePanZoom } from "./hooks/usePanZoom";
 import { usePanelConfig } from "./hooks/usePanelConfig"; // Hook import
-import { PanelConfig, NamespaceConfig } from "../settings_utils"; // Type imports
-import { createNamespaceFields, handleSettingsAction } from "../settings_utils"; // Import utils
-import { DEFAULT_TOPIC, DEFAULT_VIEWBOX_ASPECT_RATIO } from "../constants"; // Import constants
+import { PanelConfig, NamespaceConfig } from "./settings_utils"; // Type imports
+import { createNamespaceFields, handleSettingsAction } from "./settings_utils"; // Import utils
+import { DEFAULT_TOPIC, DEFAULT_VIEWBOX_ASPECT_RATIO } from "./constants"; // Import constants
 
 interface SvgPrimitiveArray {
   layer: string; // "parent/child1/child2"のような階層パス
@@ -81,7 +81,8 @@ const CraneVisualizer: React.FC<{ context: PanelExtensionContext }> = ({ context
     context.subscribe([{ topic }]);
     return () => {
       // Unsubscribe when the topic changes or the panel is unmounted
-      context.unsubscribe([{ topic }]);
+      // context.unsubscribe expects an array of subscriptionIds (topic strings)
+      context.unsubscribe([topic]);
     };
   }, [topic, context]); // Added context as a dependency, as context.subscribe/unsubscribe are used.