@industry-theme/agent-panels 0.2.43 → 0.2.44

package/dist/panels/skills/components/SkillCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkillCard.d.ts","sourceRoot":"","sources":["../../../../src/panels/skills/components/SkillCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,KAAK,EAAe,MAAM,wBAAwB,CAAC;AAEjE,UAAU,cAAc;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAoED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA0a9C,CAAC"}
+{"version":3,"file":"SkillCard.d.ts","sourceRoot":"","sources":["../../../../src/panels/skills/components/SkillCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,OAAO,KAAK,EAAE,KAAK,EAAe,MAAM,wBAAwB,CAAC;AAEjE,UAAU,cAAc;IACtB,KAAK,EAAE,KAAK,CAAC;IACb,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IACrC;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAoED;;GAEG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAyb9C,CAAC"}

package/dist/panels.bundle.js

@@ -2934,6 +2934,108 @@ const useSkillsData = ({
     refreshSkills
   };
 };
+createContext(null);
+class PanelErrorBoundary extends React2__default.Component {
+  constructor(props) {
+    super(props);
+    __publicField(this, "reset", () => {
+      this.setState({ error: null });
+    });
+    this.state = { error: null };
+  }
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error("Panel error:", error, errorInfo);
+  }
+  render() {
+    if (this.state.error) {
+      const Fallback = this.props.fallback;
+      return /* @__PURE__ */ jsx(Fallback, {
+        error: this.state.error,
+        reset: this.reset
+      });
+    }
+    return this.props.children;
+  }
+}
+var DATA_TYPES = {
+  FILE_PATH: "file-path"
+};
+var DRAG_ACTIONS = {
+  OPEN: "open",
+  INSERT_PATH: "insert-path"
+};
+var PANEL_DATA_MIME_TYPE = "application/x-panel-data";
+function createDragPreview(content2, options) {
+  const preview = document.createElement("div");
+  preview.style.cssText = `
+    position: absolute;
+    top: -1000px;
+    left: -1000px;
+    padding: 8px 12px;
+    background: ${"#3b82f6"};
+    color: ${"white"};
+    border-radius: 6px;
+    font-size: 12px;
+    box-shadow: 0 2px 8px rgba(0,0,0,0.2);
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    white-space: nowrap;
+  `;
+  const text2 = document.createElement("span");
+  text2.textContent = content2;
+  preview.appendChild(text2);
+  return preview;
+}
+function useDraggable(config) {
+  const [isDragging, setIsDragging] = useState(false);
+  const handleDragStart = useCallback((e) => {
+    var _a;
+    setIsDragging(true);
+    e.dataTransfer.setData("text/plain", config.primaryData);
+    const panelData = {
+      sourcePanel: config.sourcePanel || "unknown",
+      dataType: config.dataType,
+      primaryData: config.primaryData,
+      metadata: config.metadata,
+      suggestedActions: config.suggestedActions,
+      version: "1.0"
+    };
+    e.dataTransfer.setData(PANEL_DATA_MIME_TYPE, JSON.stringify(panelData));
+    e.dataTransfer.effectAllowed = "copy";
+    if (e.currentTarget instanceof HTMLElement) {
+      e.currentTarget.style.opacity = "0.5";
+    }
+    if (config.dragPreview) {
+      if (config.dragPreview instanceof HTMLElement) {
+        e.dataTransfer.setDragImage(config.dragPreview, 0, 0);
+      } else {
+        const preview = createDragPreview(config.dragPreview);
+        document.body.appendChild(preview);
+        e.dataTransfer.setDragImage(preview, 0, 0);
+        setTimeout(() => document.body.removeChild(preview), 0);
+      }
+    }
+    (_a = config.onDragStart) == null ? void 0 : _a.call(config, e);
+  }, [config]);
+  const handleDragEnd = useCallback((e) => {
+    var _a;
+    setIsDragging(false);
+    if (e.currentTarget instanceof HTMLElement) {
+      e.currentTarget.style.opacity = "1";
+    }
+    (_a = config.onDragEnd) == null ? void 0 : _a.call(config, e);
+  }, [config]);
+  return {
+    draggable: true,
+    onDragStart: handleDragStart,
+    onDragEnd: handleDragEnd,
+    isDragging
+  };
+}
 const getSourceConfig$1 = (source2) => {
   switch (source2) {
     case "global-universal":
@@ -3008,6 +3110,19 @@ const SkillCard = ({
   const { theme: theme2 } = useTheme();
   const sourceConfig = getSourceConfig$1(skill.source);
   const [pathCopied, setPathCopied] = React2__default.useState(false);
+  const { isDragging, ...dragProps } = useDraggable({
+    dataType: DATA_TYPES.FILE_PATH,
+    primaryData: skill.path,
+    // Use skill path
+    metadata: {
+      name: skill.name,
+      description: skill.description,
+      source: skill.source
+    },
+    suggestedActions: [DRAG_ACTIONS.INSERT_PATH, DRAG_ACTIONS.OPEN],
+    sourcePanel: "skills-panel",
+    dragPreview: skill.name
+  });
   const getPathToCopy = () => {
     if (!filterContext || !skill.installedLocations || skill.installedLocations.length <= 1) {
       return skill.path;
@@ -3040,12 +3155,13 @@ const SkillCard = ({
     "div",
     {
       onClick: () => onClick == null ? void 0 : onClick(skill),
+      ...dragProps,
       style: {
         padding: "16px",
         background: isSelected ? `${theme2.colors.primary}10` : theme2.colors.surface,
         border: `1px solid ${isSelected ? theme2.colors.primary : theme2.colors.border}`,
         borderRadius: theme2.radii[2],
-        cursor: onClick ? "pointer" : "default",
+        cursor: isDragging ? "grabbing" : onClick ? "pointer" : "default",
         transition: "all 0.2s ease",
         display: "flex",
         flexDirection: "column",
@@ -48758,6 +48874,7 @@ var DocumentView = ({
   content: content2,
   onCheckboxChange,
   maxWidth = "900px",
+  width,
   slideIdPrefix = "document",
   enableHtmlPopout = true,
   enableKeyboardScrolling = true,
@@ -48802,7 +48919,8 @@ var DocumentView = ({
     handlePromptCopy,
     repositoryInfo,
     transparentBackground,
-    editable
+    editable,
+    containerWidth: width
   })));
 };
 function extractHeaders(markdown2) {