@industry-theme/principal-view-panels 0.1.0

package/dist/tools/index.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Panel Tools
+ *
+ * UTCP-compatible tools for the Principal View panel extension.
+ * These tools can be invoked by AI agents and emit events that panels listen for.
+ *
+ * IMPORTANT: This file should NOT import any React components to ensure
+ * it can be imported server-side without pulling in React dependencies.
+ * Use the './tools' subpath export for server-safe imports.
+ */
+import type { PanelTool, PanelToolsMetadata } from '@principal-ade/utcp-panel-event';
+/**
+ * Tool: Focus Node
+ */
+export declare const focusNodeTool: PanelTool;
+/**
+ * Tool: Reset View
+ */
+export declare const resetViewTool: PanelTool;
+/**
+ * Tool: Trigger Event
+ */
+export declare const triggerEventTool: PanelTool;
+/**
+ * All tools exported as an array.
+ */
+export declare const principalViewPanelTools: PanelTool[];
+/**
+ * Panel tools metadata for registration with PanelToolRegistry.
+ */
+export declare const principalViewPanelToolsMetadata: PanelToolsMetadata;
+//# sourceMappingURL=index.d.ts.map

package/dist/tools/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/tools/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAErF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,SA6B3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,SAuB3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,SAqC9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,uBAAuB,EAAE,SAAS,EAI9C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,+BAA+B,EAAE,kBAK7C,CAAC"}

package/dist/tools.bundle.js

@@ -0,0 +1,111 @@
+// src/tools/index.ts
+var focusNodeTool = {
+  name: "focus_node",
+  description: "Focuses the graph view on a specific node",
+  inputs: {
+    type: "object",
+    properties: {
+      nodeId: {
+        type: "string",
+        description: "The ID of the node to focus on"
+      },
+      animate: {
+        type: "boolean",
+        description: "Whether to animate the transition"
+      }
+    },
+    required: ["nodeId"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      message: { type: "string" }
+    }
+  },
+  tags: ["graph", "navigation", "focus"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "industry-theme.principal-view-panels:focus-node"
+  }
+};
+var resetViewTool = {
+  name: "reset_view",
+  description: "Resets the graph view to fit all nodes",
+  inputs: {
+    type: "object",
+    properties: {
+      animate: {
+        type: "boolean",
+        description: "Whether to animate the reset"
+      }
+    }
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" }
+    }
+  },
+  tags: ["graph", "navigation", "reset"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "industry-theme.principal-view-panels:reset-view"
+  }
+};
+var triggerEventTool = {
+  name: "trigger_event",
+  description: "Triggers a graph event for animation or state change",
+  inputs: {
+    type: "object",
+    properties: {
+      eventType: {
+        type: "string",
+        description: "The type of event to trigger"
+      },
+      sourceNodeId: {
+        type: "string",
+        description: "The source node ID for the event"
+      },
+      targetNodeId: {
+        type: "string",
+        description: "The target node ID for the event"
+      },
+      payload: {
+        type: "object",
+        description: "Additional event payload data"
+      }
+    },
+    required: ["eventType"]
+  },
+  outputs: {
+    type: "object",
+    properties: {
+      success: { type: "boolean" },
+      eventId: { type: "string" }
+    }
+  },
+  tags: ["graph", "event", "animation"],
+  tool_call_template: {
+    call_template_type: "panel_event",
+    event_type: "industry-theme.principal-view-panels:trigger-event"
+  }
+};
+var principalViewPanelTools = [
+  focusNodeTool,
+  resetViewTool,
+  triggerEventTool
+];
+var principalViewPanelToolsMetadata = {
+  id: "industry-theme.principal-view-panels",
+  name: "Principal View Panels",
+  description: "Tools provided by the principal view graph panel extension",
+  tools: principalViewPanelTools
+};
+export {
+  triggerEventTool,
+  resetViewTool,
+  principalViewPanelToolsMetadata,
+  principalViewPanelTools,
+  focusNodeTool
+};

package/dist/types/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Panel Extension Type Definitions
+ *
+ * Re-exports core types from @principal-ade/panel-framework-core
+ */
+export type { DataSlice, WorkspaceMetadata, RepositoryMetadata, FileTreeSource, ActiveFileSlice, PanelEventType, PanelEvent, PanelEventEmitter, PanelActions, PanelContextValue, PanelComponentProps, PanelMetadata, PanelLifecycleHooks, PanelDefinition, PanelModule, PanelRegistryEntry, PanelLoader, PanelRegistryConfig, } from '@principal-ade/panel-framework-core';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,YAAY,EAEV,SAAS,EACT,iBAAiB,EACjB,kBAAkB,EAClB,cAAc,EACd,eAAe,EAGf,cAAc,EACd,UAAU,EACV,iBAAiB,EAGjB,YAAY,EACZ,iBAAiB,EACjB,mBAAmB,EAGnB,aAAa,EACb,mBAAmB,EACnB,eAAe,EACf,WAAW,EAGX,kBAAkB,EAClB,WAAW,EACX,mBAAmB,GACpB,MAAM,qCAAqC,CAAC"}

package/package.json

@@ -0,0 +1,116 @@
+{
+  "name": "@industry-theme/principal-view-panels",
+  "version": "0.1.0",
+  "description": "Principal View Graph Panels for visualizing graph configurations from .vgc/ folder as interactive diagrams",
+  "type": "module",
+  "main": "dist/panels.bundle.js",
+  "module": "dist/panels.bundle.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/panels.bundle.js",
+      "require": "./dist/panels.bundle.js",
+      "default": "./dist/panels.bundle.js"
+    },
+    "./tools": {
+      "types": "./dist/tools/index.d.ts",
+      "import": "./dist/tools.bundle.js",
+      "require": "./dist/tools.bundle.js",
+      "default": "./dist/tools.bundle.js"
+    }
+  },
+  "keywords": [
+    "panel-extension",
+    "principal-view",
+    "graph",
+    "panel"
+  ],
+  "author": "Principal AI",
+  "license": "MIT",
+  "scripts": {
+    "build": "bun run clean && bun run build:panel && bun run build:tools && bun run build:types",
+    "build:panel": "vite build",
+    "build:tools": "bun build ./src/tools/index.ts --outfile ./dist/tools.bundle.js --format esm --target browser",
+    "build:types": "tsc --project tsconfig.build.json --emitDeclarationOnly --declaration --declarationMap",
+    "dev": "vite build --watch",
+    "clean": "rm -rf dist",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint . --ext .ts,.tsx",
+    "lint:fix": "eslint . --ext .ts,.tsx --fix",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "test": "bun test",
+    "test:watch": "bun test --watch",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "peerDependencies": {
+    "react": ">=19.0.0",
+    "react-dom": ">=19.0.0"
+  },
+  "peerDependenciesMeta": {
+    "@principal-ade/panel-framework-core": {
+      "optional": true
+    }
+  },
+  "dependencies": {
+    "@principal-ade/industry-theme": "^0.1.3",
+    "@principal-ade/panel-framework-core": "^0.1.10",
+    "@principal-ade/utcp-panel-event": "^0.1.0",
+    "@principal-ai/repository-abstraction": "0.2.5",
+    "@principal-ai/principal-view-core": "0.5.6",
+    "@principal-ai/principal-view-react": "0.6.6",
+    "@xyflow/react": "^12.0.0",
+    "clsx": "^2.1.1",
+    "d3-dag": "^1.1.0",
+    "d3-force": "^3.0.0",
+    "framer-motion": "^11.0.0",
+    "js-yaml": "^4.1.1",
+    "lucide-react": "^0.552.0"
+  },
+  "devDependencies": {
+    "@chromatic-com/storybook": "^4.1.3",
+    "@eslint/js": "^9.32.0",
+    "@storybook/addon-docs": "10.1.2",
+    "@storybook/addon-links": "10.1.2",
+    "@storybook/addon-onboarding": "10.1.2",
+    "@storybook/react-vite": "10.1.2",
+    "@types/bun": "latest",
+    "@types/d3-force": "^3.0.10",
+    "@types/js-yaml": "^4.0.9",
+    "@types/node": "^22.15.26",
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.38.0",
+    "@typescript-eslint/parser": "^8.38.0",
+    "@vitejs/plugin-react": "^4.3.4",
+    "esbuild": "^0.25.8",
+    "eslint": "^9.32.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-storybook": "10.1.2",
+    "prettier": "^3.6.2",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "storybook": "10.1.2",
+    "typescript": "^5.0.4",
+    "typescript-eslint": "^8.38.0",
+    "vite": "^6.0.7",
+    "vite-plugin-css-injected-by-js": "^3.5.2"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/your-org/panel-starter.git"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}