@arronqzy/react-view 1.0.12 → 1.0.14

package/src/panel/components/SelectLayer.tsx

@@ -67,6 +67,7 @@ export function SelectLayer({
         // 只允许左键触发框选，右键不参与选区变更
         if (input && input.button !== 0) return false;
         const target = (input?.target as HTMLElement | null) ?? null;
+        if (target?.closest("[data-scene3d-orbit-active='true']")) return false;
         const isShift = !!input?.shiftKey;
         if (isShift) return true;
 
@@ -95,6 +96,10 @@ export function SelectLayer({
         }
         // 已有多选时，默认应该是拖动移动；只有按住 shift 才继续框选/追加
         const target = e.inputEvent.target as HTMLElement | null;
+        if (target?.closest("[data-scene3d-orbit-active='true']")) {
+          e.stop();
+          return;
+        }
         const selectable = target?.closest(".rv-selectable") as HTMLElement | null;
         const id = selectable?.dataset.elementId;
         const isShift = (e.inputEvent as MouseEvent | undefined)?.shiftKey ?? false;

package/src/panel/components/WorkspaceConfigSidebar.tsx

@@ -4,6 +4,7 @@ import { useI18n } from "@arronqzy/i18n/react";
 import {
   BlueprintExecutionLogPanel,
   BlueprintNodeConfigSidebar,
+  type BlueprintGraphEdge,
   type BlueprintGraphNode,
   type ExecutionLogSettings,
   type ExecutionTraceEntry,
@@ -41,6 +42,8 @@ export type WorkspaceConfigSidebarProps = Omit<
   configFocus: WorkspaceConfigFocus;
   executionLog?: BlueprintExecutionLogViewProps;
   selectedBlueprintNode: BlueprintGraphNode | null;
+  blueprintGraphNodes?: BlueprintGraphNode[];
+  blueprintGraphEdges?: BlueprintGraphEdge[];
   allowFalseSignalPropagation?: boolean;
   onUpdateAllowFalseSignalPropagation?: (value: boolean) => void;
   onUpdateBlueprintNode: (
@@ -61,6 +64,7 @@ export type WorkspaceConfigSidebarProps = Omit<
         | "jsonConfig"
         | "logicConfig"
         | "clockConfig"
+        | "eventConfig"
       >
     >
   ) => void;
@@ -74,6 +78,8 @@ export function WorkspaceConfigSidebar({
   configFocus,
   executionLog,
   selectedBlueprintNode,
+  blueprintGraphNodes = [],
+  blueprintGraphEdges = [],
   allowFalseSignalPropagation = false,
   onUpdateAllowFalseSignalPropagation,
   onUpdateBlueprintNode,
@@ -151,6 +157,9 @@ export function WorkspaceConfigSidebar({
   return (
     <BlueprintNodeConfigSidebar
       node={selectedBlueprintNode}
+      graphNodes={blueprintGraphNodes}
+      graphEdges={blueprintGraphEdges}
+      traceEntries={executionLog?.entries}
       allowFalseSignalPropagation={allowFalseSignalPropagation}
       onUpdateAllowFalseSignalPropagation={onUpdateAllowFalseSignalPropagation}
       viewElementOptions={viewElementOptions}

package/src/panel/components/WorkspaceProjectNav.tsx

@@ -35,6 +35,7 @@ export type WorkspaceProjectNavProps = {
   activeProjectId: string | null;
   activeProjectName: string | null;
   dirty: boolean;
+  previewingProjectIds?: string[];
   onCreateProject: () => Promise<{ name: string; id: string } | void>;
   onOpenProject: (id: string) => Promise<void>;
   onSyncProject: () => Promise<string | void>;
@@ -47,6 +48,7 @@ export function WorkspaceProjectNav({
   activeProjectId,
   activeProjectName,
   dirty,
+  previewingProjectIds = [],
   onCreateProject,
   onOpenProject,
   onSyncProject,
@@ -136,14 +138,22 @@ export function WorkspaceProjectNav({
               {projects.length === 0 ? (
                 <DropdownMenuItem disabled>{t("panel.workspace.noSavedWorkspaces")}</DropdownMenuItem>
               ) : (
-                projects.map((project) => (
+                projects.map((project) => {
+                  const isCurrent = activeProjectId === project.id;
+                  const isPreviewing = previewingProjectIds.includes(project.id);
+                  return (
                   <div key={project.id} className="px-1 py-0.5">
                     <div className="flex items-center gap-1">
                       <button
                         type="button"
                         className={[
                           "min-w-0 flex-1 rounded px-2 py-1.5 text-left text-xs hover:bg-accent",
-                          activeProjectId === project.id ? "bg-accent/60 font-medium" : "",
+                          isCurrent
+                            ? "bg-primary/15 font-medium text-primary ring-1 ring-inset ring-primary/40"
+                            : "",
+                          !isCurrent && isPreviewing
+                            ? "bg-sky-500/10 ring-1 ring-inset ring-sky-400/50"
+                            : "",
                         ].join(" ")}
                         onClick={() =>
                           void runAction(async () => {
@@ -151,7 +161,19 @@ export function WorkspaceProjectNav({
                           })
                         }
                       >
-                        <div className="truncate">{project.name}</div>
+                        <div className="flex items-center gap-1">
+                          <div className="min-w-0 flex-1 truncate">{project.name}</div>
+                          {isCurrent ? (
+                            <span className="shrink-0 rounded bg-primary px-1 py-px text-[9px] leading-none text-primary-foreground">
+                              {t("panel.workspace.currentBadge")}
+                            </span>
+                          ) : null}
+                          {isPreviewing ? (
+                            <span className="shrink-0 rounded bg-sky-600 px-1 py-px text-[9px] leading-none text-white">
+                              {t("panel.workspace.previewingBadge")}
+                            </span>
+                          ) : null}
+                        </div>
                         <div className="truncate text-[10px] text-muted-foreground">
                           {formatUpdatedAt(project.updatedAt)}
                         </div>
@@ -182,7 +204,8 @@ export function WorkspaceProjectNav({
                       </Button>
                     </div>
                   </div>
-                ))
+                  );
+                })
               )}
               {/* <DropdownMenuSeparator />
               <DropdownMenuItem onClick={() => void runAction(onCreateProject)}>