{/* Display unchecked icon when not checked */}
- {icon && !checked && 
}
+ {icon && !checked && }
{/* Display checked icon when checked */}
{checkedIcon && checked && 
}
{children}
-
+
);
};
diff --git a/web/src/components/Chat/index.tsx b/web/src/components/Chat/index.tsx
index 9a60918a..9a49b0f7 100644
--- a/web/src/components/Chat/index.tsx
+++ b/web/src/components/Chat/index.tsx
@@ -1,8 +1,8 @@
/*
* @Author: ZhaoYing
* @Date: 2025-12-10 16:46:09
- * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-06 21:05:09
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-12 13:57:49
*/
import { type FC } from 'react'
import ChatInput from './ChatInput'
@@ -25,7 +25,8 @@ const Chat: FC
@@ -37,6 +38,7 @@ const Chat: FC = ({
empty={empty}
labelFormat={labelFormat}
errorDesc={errorDesc}
+ renderRuntime={renderRuntime}
/>
{/* Chat input area */}
diff --git a/web/src/components/Chat/types.ts b/web/src/components/Chat/types.ts
index 0cf1b130..e8e00bd9 100644
--- a/web/src/components/Chat/types.ts
+++ b/web/src/components/Chat/types.ts
@@ -2,7 +2,7 @@
* @Author: ZhaoYing
* @Date: 2025-12-10 16:45:54
* @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-06 21:05:09
+ * @Last Modified time: 2026-03-12 13:57:51
*/
import { type ReactNode } from 'react'
@@ -53,6 +53,7 @@ export interface ChatProps {
fileList?: any[];
/** Attachment update */
fileChange?: (fileList: any[]) => void;
+ renderRuntime?: (item: ChatItem, index: number) => ReactNode;
}
/**
diff --git a/web/src/components/D3Graph/CommunityGraph.tsx b/web/src/components/D3Graph/CommunityGraph.tsx
new file mode 100644
index 00000000..549d69f3
--- /dev/null
+++ b/web/src/components/D3Graph/CommunityGraph.tsx
@@ -0,0 +1,67 @@
+import React, { useState, useRef, useMemo, useEffect, type FC } from 'react'
+import Empty from '@/components/Empty'
+import { GRAPH_COLORS, initCommunityGraph } from './utils'
+import { useD3Graph } from './hooks'
+import type { CommunityD3Node, D3Link, CommunityGraphProps } from './types'
+
+// ─── Component ────────────────────────────────────────────────────────────────
+// Renders a D3-powered community graph with optional tooltip and legend.
+
+const CommunityGraph: FC = ({
+ data,
+ empty: emptyProp,
+ colors = GRAPH_COLORS,
+ renderTooltip,
+ showLegend = true,
+ onCommunityClick,
+ onNodeClick,
+ defaultZoom = 1,
+}) => {
+ // Tooltip position and hovered node state
+ const [tooltip, setTooltip] = useState<{ x: number; y: number; node: CommunityD3Node } | null>(null)
+
+ // Keep callback refs stable to avoid re-initializing the graph on every render
+ const onCommunityClickRef = useRef(onCommunityClick)
+ const onNodeClickRef = useRef(onNodeClick)
+ const renderTooltipRef = useRef(renderTooltip)
+ useEffect(() => { onCommunityClickRef.current = onCommunityClick }, [onCommunityClick])
+ useEffect(() => { onNodeClickRef.current = onNodeClick }, [onNodeClick])
+ useEffect(() => { renderTooltipRef.current = renderTooltip }, [renderTooltip])
+
+ const graphState = useMemo(() => data, [data])
+ // Show empty state when explicitly flagged or when there are no nodes
+ const isEmpty = emptyProp ?? !data?.nodes.length
+
+ // Initialize (or re-initialize) the D3 graph whenever relevant state changes
+ const containerRef = useD3Graph((container) => {
+ if (!graphState) return
+ return initCommunityGraph(
+ container,
+ graphState.nodes,
+ graphState.links as D3Link[],
+ graphState.communityMap,
+ graphState.communityCaption,
+ graphState.communityNodeMap,
+ { colors, showLegend, defaultZoom, setTooltip: renderTooltip ? setTooltip : () => {}, onCommunityClickRef, onNodeClickRef }
+ )
+ }, [graphState, showLegend, defaultZoom])
+
+ // Resolve tooltip content: use custom renderer if provided, otherwise fall back to DefaultTooltip
+ const tooltipNode = tooltip && renderTooltipRef.current
+ ? renderTooltipRef.current(tooltip.node)
+ : null
+
+ if (isEmpty) return (
+ initFn: (container: HTMLDivElement) => (() => void) | void,
+ deps: T[]
+) {
+ const containerRef = useRef(null)
+ useEffect(() => {
+ const container = containerRef.current
+ if (!container) return
+ d3.select(container).selectAll('svg').remove()
+ const cleanup = initFn(container)
+ return () => {
+ cleanup?.()
+ d3.select(container).selectAll('svg').remove()
+ }
+ }, deps)
+ return containerRef
+}
diff --git a/web/src/components/D3Graph/types.ts b/web/src/components/D3Graph/types.ts
new file mode 100644
index 00000000..88bbbfeb
--- /dev/null
+++ b/web/src/components/D3Graph/types.ts
@@ -0,0 +1,102 @@
+import type { ReactNode, RefObject } from 'react'
+import type * as d3 from 'd3'
+
+// ─── Raw input types (mirror of API response, no external dependency) ─────────
+// These interfaces map 1-to-1 with the graph API response shape.
+
+export interface RawCommunityNode {
+ id: string
+ label: 'Community'
+ properties: {
+ name: string
+ summary: string
+ member_entity_ids: string[]
+ member_count: number
+ core_entities: string[]
+ community_id: string
+ end_user_id?: string
+ updated_at?: string
+ }
+}
+
+export interface RawEntityNode {
+ id: string
+ label: 'ExtractedEntity'
+ properties: {
+ name: string
+ description: string
+ entity_type: string
+ community_name?: string
+ [key: string]: unknown
+ }
+}
+
+export interface RawEdge {
+ id: string
+ source: string
+ target: string
+}
+
+export interface RawCommunityGraphData {
+ nodes: (RawCommunityNode | RawEntityNode)[]
+ edges: RawEdge[]
+}
+
+// ─── D3 graph types ───────────────────────────────────────────────────────────
+// Runtime node shape used by D3 simulations; extends SimulationNodeDatum for x/y/vx/vy.
+
+export interface CommunityD3Node extends d3.SimulationNodeDatum {
+ id: string
+ name: string
+ community: string
+ label: string
+ symbolSize: number
+ color: string
+ properties?: RawEntityNode['properties']
+}
+
+export interface D3Link extends d3.SimulationLinkDatum {
+ isCross: boolean
+}
+
+// Convex-hull shape rendered behind each community cluster.
+export interface HullDatum {
+ id: string
+ path: string
+ color: string
+ labelX: number
+ labelY: number
+ dashed: boolean
+ caption: string
+}
+
+// Fully transformed graph data ready to be passed into initCommunityGraph.
+export interface CommunityGraphData {
+ nodes: CommunityD3Node[]
+ links: Array<{ source: string; target: string; isCross: boolean }>
+ communityMap: Map
+ communityCaption: Map
+ communityNodeMap: Map
+}
+
+// Props accepted by the CommunityGraph React component.
+export interface CommunityGraphProps {
+ data: CommunityGraphData | null
+ empty?: boolean
+ colors?: string[]
+ renderTooltip?: (node: CommunityD3Node) => ReactNode
+ showLegend?: boolean
+ onCommunityClick?: (node: RawCommunityNode) => void
+ onNodeClick?: (node: CommunityD3Node) => void
+ defaultZoom?: number
+}
+
+// Options forwarded from the React component into the D3 initializer.
+export interface InitOptions {
+ colors: string[]
+ showLegend: boolean
+ defaultZoom: number
+ setTooltip: (s: { x: number; y: number; node: CommunityD3Node } | null) => void
+ onCommunityClickRef: RefObject<((node: RawCommunityNode) => void) | undefined>
+ onNodeClickRef: RefObject<((node: CommunityD3Node) => void) | undefined>
+}
diff --git a/web/src/components/D3Graph/utils.ts b/web/src/components/D3Graph/utils.ts
new file mode 100644
index 00000000..87d888ac
--- /dev/null
+++ b/web/src/components/D3Graph/utils.ts
@@ -0,0 +1,547 @@
+import * as d3 from 'd3'
+import type { CommunityD3Node, D3Link, HullDatum, CommunityGraphData, RawCommunityGraphData, RawCommunityNode, RawEntityNode, InitOptions } from './types'
+
+// ─── Colors ───────────────────────────────────────────────────────────────────
+
+export const GRAPH_COLORS = ['#155EEF', '#369F21', '#4DA8FF', '#FF5D34', '#9C6FFF', '#FF8A4C', '#8BAEF7', '#FFB048']
+export const colorAt = (i: number) => GRAPH_COLORS[i % GRAPH_COLORS.length]
+
+export function connectionToRadius(connections: number): number {
+ if (connections <= 1) return 5
+ if (connections <= 10) return 8
+ if (connections <= 15) return 11
+ if (connections <= 20) return 16
+ return 22
+}
+
+// ─── Arrow markers ────────────────────────────────────────────────────────────
+
+export function addArrowMarkers(
+ defs: d3.Selection,
+ markers: { id: string; color: string }[]
+) {
+ markers.forEach(({ id, color }) => {
+ defs.append('marker')
+ .attr('id', id)
+ .attr('viewBox', '0 -4 8 8')
+ .attr('refX', 8).attr('refY', 0)
+ .attr('markerWidth', 6).attr('markerHeight', 6)
+ .attr('orient', 'auto')
+ .append('path').attr('d', 'M0,-4L8,0L0,4').attr('fill', color)
+ })
+}
+
+// ─── Zoom ─────────────────────────────────────────────────────────────────────
+
+export function addZoom(
+ svg: d3.Selection,
+ g: d3.Selection
+) {
+ svg.call(
+ d3.zoom().scaleExtent([0.2, 4])
+ .on('zoom', e => g.attr('transform', e.transform))
+ )
+}
+
+// ─── Node drag ────────────────────────────────────────────────────────────────
+
+export function makeNodeDrag(
+ simulation: d3.Simulation>
+) {
+ return d3.drag()
+ .on('start', (e, d) => { if (!e.active) simulation.alphaTarget(0.3).restart(); d.fx = d.x; d.fy = d.y })
+ .on('drag', (e, d) => { d.fx = e.x; d.fy = e.y })
+ .on('end', (e, d) => { if (!e.active) simulation.alphaTarget(0); d.fx = e.x; d.fy = e.y })
+}
+
+// ─── Cluster force ────────────────────────────────────────────────────────────
+// Works for both string and number group keys.
+
+export function makeClusterForce(
+ nodes: N[],
+ getGroup: (d: N) => string | number,
+ centers: Record,
+ width: number,
+ height: number,
+ opts: { pullStrength?: number; minSepRatio?: number; pushStrength?: number } = {}
+) {
+ const { pullStrength = 0.45, minSepRatio = 0.68, pushStrength = 1.0 } = opts
+ return (alpha: number) => {
+ // pre-group nodes by key to avoid repeated filter() in hot path
+ const groups = new Map()
+ nodes.forEach(d => {
+ const k = String(getGroup(d))
+ if (!groups.has(k)) groups.set(k, [])
+ groups.get(k)!.push(d)
+ })
+ // pull toward group center
+ nodes.forEach(d => {
+ const c = centers[getGroup(d)]
+ if (!c) return
+ d.vx = (d.vx ?? 0) + (c.x - (d.x ?? 0)) * pullStrength * alpha
+ d.vy = (d.vy ?? 0) + (c.y - (d.y ?? 0)) * pullStrength * alpha
+ })
+ // live centroids
+ const centroids: Record = {}
+ nodes.forEach(d => {
+ const g = String(getGroup(d))
+ if (!centroids[g]) centroids[g] = { x: 0, y: 0, n: 0 }
+ centroids[g].x += d.x ?? 0
+ centroids[g].y += d.y ?? 0
+ centroids[g].n++
+ })
+ Object.values(centroids).forEach(c => { c.x /= c.n; c.y /= c.n })
+ // push groups apart
+ const keys = Object.keys(centroids)
+ const minSep = Math.min(width, height) * minSepRatio
+ for (let i = 0; i < keys.length; i++) {
+ for (let j = i + 1; j < keys.length; j++) {
+ const ci = centroids[keys[i]], cj = centroids[keys[j]]
+ const dx = cj.x - ci.x, dy = cj.y - ci.y
+ const dist = Math.sqrt(dx * dx + dy * dy) || 1
+ if (dist >= minSep) continue
+ const push = ((minSep - dist) / dist) * pushStrength * alpha
+ const fx = dx * push, fy = dy * push
+ groups.get(keys[i])?.forEach(d => { d.vx = (d.vx ?? 0) - fx; d.vy = (d.vy ?? 0) - fy })
+ groups.get(keys[j])?.forEach(d => { d.vx = (d.vx ?? 0) + fx; d.vy = (d.vy ?? 0) + fy })
+ }
+ }
+ }
+}
+
+// ─── Group centers ────────────────────────────────────────────────────────────
+
+export function buildGroupCenters(
+ keys: (string | number)[],
+ width: number,
+ height: number,
+ radiusRatio = 0.4
+): Record {
+ const centers: Record = {}
+ const r = Math.min(width, height) * radiusRatio
+ keys.forEach((key, i) => {
+ const angle = (i / keys.length) * 2 * Math.PI - Math.PI / 2
+ centers[key] = { x: width / 2 + r * Math.cos(angle), y: height / 2 + r * Math.sin(angle) }
+ })
+ return centers
+}
+
+// ─── Community graph data transform ─────────────────────────────────────────
+
+export function buildCommunityGraphData(raw: RawCommunityGraphData, colors: string[] = GRAPH_COLORS): CommunityGraphData | null {
+ const getColor = (i: number) => colors[i % colors.length]
+
+ const communityNodes = raw.nodes.filter(n => n.label === 'Community') as RawCommunityNode[]
+ const communityCaption = new Map()
+ const communityMap = new Map()
+
+ communityNodes.forEach(n => {
+ communityCaption.set(n.id, n.properties.name)
+ communityMap.set(n.id, n.properties.member_entity_ids)
+ })
+
+ const entityToCommunity = new Map()
+ communityMap.forEach((members, commId) => members.forEach(eid => entityToCommunity.set(eid, commId)))
+
+ const commKeys = Array.from(communityMap.keys())
+ const commIndex = new Map(commKeys.map((k, i) => [k, i]))
+
+ const entityNodes = raw.nodes.filter(n => n.label === 'ExtractedEntity') as RawEntityNode[]
+ const entityNodeSet = new Set(entityNodes.map(n => n.id))
+
+ const connectionCount: Record = {}
+ raw.edges.forEach(e => {
+ if (entityNodeSet.has(e.source)) connectionCount[e.source] = (connectionCount[e.source] || 0) + 1
+ if (entityNodeSet.has(e.target)) connectionCount[e.target] = (connectionCount[e.target] || 0) + 1
+ })
+
+ const nodes: CommunityD3Node[] = entityNodes.map(n => {
+ const commId = entityToCommunity.get(n.id) ?? commKeys[0]
+ return {
+ id: n.id,
+ name: n.properties.name,
+ community: commId,
+ label: n.label,
+ symbolSize: connectionToRadius(connectionCount[n.id] || 0),
+ color: getColor(commIndex.get(commId) ?? 0),
+ properties: n.properties,
+ }
+ })
+
+ if (!nodes.length) return null
+
+ const links = raw.edges
+ .filter(e => entityNodeSet.has(e.source) && entityNodeSet.has(e.target))
+ .map(e => ({
+ source: e.source,
+ target: e.target,
+ isCross: entityToCommunity.get(e.source) !== entityToCommunity.get(e.target),
+ }))
+
+ const communityNodeMap = new Map(
+ communityNodes.map(n => [n.id, n])
+ )
+ return { nodes, links, communityMap, communityCaption, communityNodeMap }
+}
+
+// ─── Hull helpers ─────────────────────────────────────────────────────────────
+
+const smoothLine = d3.line<[number, number]>()
+ .x(d => d[0]).y(d => d[1])
+ .curve(d3.curveCatmullRomClosed.alpha(0.5))
+
+function expandPoints(pts: [number, number][], pad: number): [number, number][] {
+ const cx = pts.reduce((s, p) => s + p[0], 0) / pts.length
+ const cy = pts.reduce((s, p) => s + p[1], 0) / pts.length
+ return pts.map(([x, y]) => {
+ const dx = x - cx, dy = y - cy
+ const len = Math.sqrt(dx * dx + dy * dy) || 1
+ return [x + (dx / len) * pad, y + (dy / len) * pad]
+ })
+}
+
+function toHullPoints(pts: [number, number][]): [number, number][] {
+ if (pts.length === 1) {
+ const [x, y] = pts[0]
+ return [[x - 1, y - 1], [x + 1, y - 1], [x, y + 1]]
+ }
+ if (pts.length === 2) {
+ const [[x1, y1], [x2, y2]] = pts
+ return [[x1, y1], [x2, y2], [(x1 + x2) / 2, (y1 + y2) / 2 - 1]]
+ }
+ return d3.polygonHull(pts) ?? pts
+}
+
+const CIRCLE_THRESHOLD = 4 // 节点数 < 此值时使用圆形
+const CIRCLE_SEGMENTS = 32
+
+function circlePoints(cx: number, cy: number, r: number): [number, number][] {
+ return Array.from({ length: CIRCLE_SEGMENTS }, (_, i) => {
+ const a = (i / CIRCLE_SEGMENTS) * 2 * Math.PI
+ return [cx + r * Math.cos(a), cy + r * Math.sin(a)] as [number, number]
+ })
+}
+
+export function buildHullData(
+ nodes: CommunityD3Node[],
+ communityMap: Map,
+ communityCaption: Map,
+ colors: string[]
+): HullDatum[] {
+ const getColor = (i: number) => colors[i % colors.length]
+ const byComm = new Map()
+ communityMap.forEach((_, id) => byComm.set(id, []))
+ nodes.forEach(d => {
+ if (d.x != null && d.y != null) byComm.get(d.community)?.push([d.x, d.y])
+ })
+
+ const hulls: HullDatum[] = []
+ let ci = 0
+ byComm.forEach((pts, id) => {
+ const color = getColor(ci++)
+ if (!pts.length) return
+ let pathPoints: [number, number][]
+ if (pts.length < CIRCLE_THRESHOLD) {
+ const cx = pts.reduce((s, p) => s + p[0], 0) / pts.length
+ const cy = pts.reduce((s, p) => s + p[1], 0) / pts.length
+ pathPoints = circlePoints(cx, cy, 60)
+ } else {
+ pathPoints = expandPoints(toHullPoints(pts), 60) as [number, number][]
+ }
+ const path = smoothLine(pathPoints)
+ if (!path) return
+ hulls.push({
+ id, path, color,
+ labelX: pathPoints.reduce((s, p) => s + p[0], 0) / pathPoints.length,
+ labelY: Math.min(...pathPoints.map(p => p[1])) - 10,
+ dashed: pts.length <= 2,
+ caption: communityCaption.get(id) ?? id,
+ })
+ })
+ return hulls
+}
+
+// ─── Hull render ──────────────────────────────────────────────────────────────
+
+export function renderHulls(
+ hullG: d3.Selection,
+ hulls: HullDatum[],
+ hiddenCommunities: Set,
+ nodes: CommunityD3Node[],
+ simulation: d3.Simulation,
+ onCommunityClick?: (node: RawCommunityNode) => void,
+ communityNodeMap?: Map
+) {
+ let dragNodes: CommunityD3Node[] = []
+ let dragStart = { x: 0, y: 0 }
+ const communityDrag = d3.drag()
+ .on('start', (event, d) => {
+ if (!event.active) simulation.alphaTarget(0.3).restart()
+ dragNodes = nodes.filter(n => n.community === d.id)
+ dragStart = { x: event.x, y: event.y }
+ dragNodes.forEach(n => { n.fx = n.x; n.fy = n.y })
+ })
+ .on('drag', (event) => {
+ const dx = event.x - dragStart.x, dy = event.y - dragStart.y
+ dragStart = { x: event.x, y: event.y }
+ dragNodes.forEach(n => { n.fx = (n.fx ?? n.x ?? 0) + dx; n.fy = (n.fy ?? n.y ?? 0) + dy })
+ })
+ .on('end', (event) => { if (!event.active) simulation.alphaTarget(0) })
+
+ const pathSel = hullG.selectAll('path.hull').data(hulls, d => d.id)
+ pathSel.enter().append('path').attr('class', 'hull').style('cursor', 'grab')
+ .merge(pathSel)
+ .call(communityDrag)
+ .attr('d', d => d.path)
+ .attr('fill', d => d.color).attr('fill-opacity', 0.08)
+ .attr('stroke', d => d.color).attr('stroke-opacity', 0.5).attr('stroke-width', 1.5)
+ .attr('stroke-dasharray', 'none')
+ .style('display', d => hiddenCommunities.has(d.id) ? 'none' : null)
+ .on('click', (event, d) => {
+ if ((event as MouseEvent).defaultPrevented) return
+ const node = communityNodeMap?.get(d.id)
+ if (node) onCommunityClick?.(node)
+ })
+ pathSel.exit().remove()
+
+ const labelSel = hullG.selectAll('text.hull-label').data(hulls, d => d.id)
+ labelSel.enter().append('text').attr('class', 'hull-label')
+ .attr('text-anchor', 'middle').attr('font-size', '12px').attr('font-weight', '500')
+ .style('pointer-events', 'none')
+ .merge(labelSel)
+ .attr('x', d => d.labelX).attr('y', d => d.labelY)
+ .attr('fill', d => d.color)
+ .style('display', d => hiddenCommunities.has(d.id) ? 'none' : null)
+ .text(d => d.caption)
+ labelSel.exit().remove()
+}
+
+// ─── Community graph init ─────────────────────────────────────────────────────
+
+export function initCommunityGraph(
+ container: HTMLDivElement,
+ nodes: CommunityD3Node[],
+ links: D3Link[],
+ communityMap: Map,
+ communityCaption: Map,
+ communityNodeMap: Map,
+ opts: InitOptions
+) {
+ const { colors, showLegend, defaultZoom, setTooltip, onCommunityClickRef, onNodeClickRef } = opts
+ const getColor = (i: number) => colors[i % colors.length]
+
+ const width = container.clientWidth || 600
+ const height = container.clientHeight || 518
+
+ const svg = d3.select(container).append('svg')
+ .attr('width', width).attr('height', height)
+ .style('width', '100%').style('height', '100%')
+ .style('background', '#F6F8FC')
+
+ const g = svg.append('g')
+
+ const zoom = d3.zoom()
+ .scaleExtent([0.2, 4])
+ .on('zoom', e => g.attr('transform', e.transform))
+ svg.call(zoom)
+ if (defaultZoom !== 1) {
+ svg.call(zoom.transform, d3.zoomIdentity
+ .translate(width / 2 * (1 - defaultZoom), height / 2 * (1 - defaultZoom))
+ .scale(defaultZoom)
+ )
+ }
+
+ const defs = svg.append('defs')
+ addArrowMarkers(defs, [{ id: 'arrow', color: 'rgba(91, 97, 103, 0.7)' }])
+
+ const commKeys = Array.from(communityMap.keys())
+ const centers = buildGroupCenters(commKeys, width, height, 0.45)
+ const linkedIds = new Set(links.flatMap(l => [l.source as string, l.target as string]))
+
+ const simulation = d3.forceSimulation(nodes)
+ .force('link', d3.forceLink(links).id(d => d.id).distance(60))
+ .force('charge', d3.forceManyBody().strength(-120))
+ .force('center', d3.forceCenter(width / 2, height / 2).strength(0.02))
+ .force('collision', d3.forceCollide(d => d.symbolSize + 16))
+ .force('cluster', makeClusterForce(nodes, d => d.community, centers, width, height, {
+ pullStrength: 0.45, minSepRatio: 0.68, pushStrength: 1.0,
+ }))
+ .force('isolatedPull', (alpha: number) => {
+ nodes.forEach(d => {
+ if (linkedIds.has(d.id)) return
+ const c = centers[d.community]
+ if (!c) return
+ d.vx = (d.vx ?? 0) + (c.x - (d.x ?? 0)) * 0.4 * alpha
+ d.vy = (d.vy ?? 0) + (c.y - (d.y ?? 0)) * 0.4 * alpha
+ })
+ })
+
+ const hullG = g.append('g').attr('class', 'hulls')
+ const hiddenCommunities = new Set()
+
+ const linkSel = g.append('g').selectAll('line')
+ .data(links).enter().append('line')
+ .attr('stroke', '#5B6167')
+ .attr('stroke-opacity', d => d.isCross ? 0.3 : 0.5)
+ .attr('stroke-width', d => d.isCross ? 1 : 1.2)
+ .attr('marker-end', 'url(#arrow)')
+
+ const nodeSel = g.append('g').selectAll('g')
+ .data(nodes).enter().append('g')
+ .call(makeNodeDrag(simulation))
+
+ nodeSel.append('circle')
+ .attr('r', d => d.symbolSize)
+ .attr('fill', d => d.color).attr('fill-opacity', 0.85)
+ .attr('stroke', '#fff').attr('stroke-width', 1.5)
+ .style('cursor', 'pointer')
+ .on('mouseenter', (event: MouseEvent, d: CommunityD3Node) => {
+ const { left, top } = container.getBoundingClientRect()
+ setTooltip({ x: event.clientX - left, y: event.clientY - top, node: d })
+ })
+ .on('mousemove', (event: MouseEvent) => {
+ const { left, top } = container.getBoundingClientRect()
+ const nd = d3.select(event.target as SVGCircleElement).datum()
+ setTooltip({ x: event.clientX - left, y: event.clientY - top, node: nd })
+ })
+ .on('mouseleave', () => setTooltip(null))
+ .on('click', (_event: MouseEvent, d: CommunityD3Node) => onNodeClickRef.current?.(d))
+
+ nodeSel.append('text')
+ .text(d => d.name)
+ .attr('x', 0).attr('dy', d => -(d.symbolSize + 5))
+ .attr('text-anchor', 'middle').attr('font-size', '11px').attr('fill', '#444')
+ .style('pointer-events', 'none')
+
+ if (showLegend) {
+ renderLegend(
+ svg,
+ commKeys.map((cid, i) => ({ key: cid, label: communityCaption.get(cid) ?? cid, color: getColor(i) })),
+ width, height,
+ (key, hidden) => {
+ const cid = key as string
+ if (hidden) hiddenCommunities.add(cid)
+ else hiddenCommunities.delete(cid)
+ nodeSel.style('display', d => hiddenCommunities.has(d.community) ? 'none' : null)
+ linkSel.style('display', d => {
+ const s = d.source as CommunityD3Node, t = d.target as CommunityD3Node
+ return hiddenCommunities.has(s.community) || hiddenCommunities.has(t.community) ? 'none' : null
+ })
+ hullG.selectAll('path.hull').style('display', d => hiddenCommunities.has(d.id) ? 'none' : null)
+ hullG.selectAll('text.hull-label').style('display', d => hiddenCommunities.has(d.id) ? 'none' : null)
+ }
+ )
+ }
+
+ simulation.on('tick', () => {
+ linkSel
+ .attr('x1', d => (d.source as CommunityD3Node).x ?? 0)
+ .attr('y1', d => (d.source as CommunityD3Node).y ?? 0)
+ .attr('x2', d => {
+ const s = d.source as CommunityD3Node, t = d.target as CommunityD3Node
+ const dx = (t.x ?? 0) - (s.x ?? 0), dy = (t.y ?? 0) - (s.y ?? 0)
+ const dist = Math.sqrt(dx * dx + dy * dy) || 1
+ return (t.x ?? 0) - (dx / dist) * (t.symbolSize + 2)
+ })
+ .attr('y2', d => {
+ const s = d.source as CommunityD3Node, t = d.target as CommunityD3Node
+ const dx = (t.x ?? 0) - (s.x ?? 0), dy = (t.y ?? 0) - (s.y ?? 0)
+ const dist = Math.sqrt(dx * dx + dy * dy) || 1
+ return (t.y ?? 0) - (dy / dist) * (t.symbolSize + 2)
+ })
+ nodeSel.attr('transform', d => `translate(${d.x ?? 0},${d.y ?? 0})`)
+ renderHulls(hullG, buildHullData(nodes, communityMap, communityCaption, colors), hiddenCommunities, nodes, simulation, (n) => onCommunityClickRef.current?.(n), communityNodeMap)
+ })
+
+ return () => { simulation.stop(); d3.select(container).selectAll('svg').remove() }
+}
+
+// ─── Legend ───────────────────────────────────────────────────────────────────
+
+export interface LegendItem {
+ key: string | number
+ label: string
+ color: string
+}
+
+const LEGEND_GAP = 12
+const LEGEND_RECT_W = 20
+const LEGEND_RECT_H = 10
+const LEGEND_TEXT_OFFSET = 24
+const LEGEND_FONT_SIZE = 11
+const LEGEND_ROW_H = 24
+const LEGEND_BOTTOM_PAD = 8
+
+// Approximate text width using canvas measureText if available, else char-based estimate
+function measureText(text: string, fontSize: number): number {
+ try {
+ const ctx = document.createElement('canvas').getContext('2d')
+ if (ctx) { ctx.font = `${fontSize}px sans-serif`; return ctx.measureText(text).width }
+ } catch { /* noop */ }
+ return text.length * fontSize * 0.6
+}
+
+export function renderLegend(
+ svg: d3.Selection,
+ items: LegendItem[],
+ width: number,
+ height: number,
+ onToggle: (key: string | number, hidden: boolean) => void
+) {
+ // Compute per-item width: rect + text-offset + textW
+ const itemWidths = items.map(item =>
+ LEGEND_RECT_W + LEGEND_TEXT_OFFSET + measureText(item.label, LEGEND_FONT_SIZE)
+ )
+
+ // Layout items into rows
+ const rows: { item: LegendItem; w: number; x: number; row: number }[] = []
+ let rowIdx = 0, curX = 0
+ itemWidths.forEach((w, i) => {
+ const slotW = w + LEGEND_GAP
+ if (curX > 0 && curX + w > width - LEGEND_GAP * 2) { rowIdx++; curX = 0 }
+ rows.push({ item: items[i], w, x: curX, row: rowIdx })
+ curX += slotW
+ })
+
+ const totalRows = rowIdx + 1
+ const totalH = totalRows * LEGEND_ROW_H
+ const baseY = height - totalH - LEGEND_BOTTOM_PAD
+
+ // Center each row
+ const rowWidths: number[] = Array(totalRows).fill(0)
+ rows.forEach(({ w, row }, i) => {
+ rowWidths[row] += w + (i > 0 && rows[i - 1].row === row ? LEGEND_GAP : 0)
+ })
+ // Recalculate row widths properly
+ const rowTotals: number[] = Array(totalRows).fill(0)
+ const rowCounts: number[] = Array(totalRows).fill(0)
+ rows.forEach(r => { rowCounts[r.row]++; rowTotals[r.row] += r.w })
+ rowTotals.forEach((_, ri) => { rowTotals[ri] += Math.max(0, rowCounts[ri] - 1) * LEGEND_GAP })
+
+ const legendG = svg.append('g')
+
+ rows.forEach(({ item, x, row }) => {
+ const rowOffsetX = (width - rowTotals[row]) / 2
+ const g = legendG.append('g')
+ .attr('transform', `translate(${rowOffsetX + x},${baseY + row * LEGEND_ROW_H + LEGEND_ROW_H / 2})`)
+ .style('cursor', 'pointer')
+
+ const rect = g.append('rect')
+ .attr('x', 0).attr('y', -LEGEND_RECT_H / 2)
+ .attr('width', LEGEND_RECT_W).attr('height', LEGEND_RECT_H).attr('rx', 2)
+ .attr('fill', item.color)
+
+ const text = g.append('text')
+ .text(item.label)
+ .attr('x', LEGEND_TEXT_OFFSET).attr('dy', '0.35em')
+ .attr('font-size', `${LEGEND_FONT_SIZE}px`).attr('fill', '#5B6167')
+
+ let hidden = false
+ g.on('click', () => {
+ hidden = !hidden
+ rect.attr('fill', hidden ? '#ccc' : item.color)
+ text.attr('fill', hidden ? '#bbb' : '#5B6167')
+ onToggle(item.key, hidden)
+ })
+ })
+}
diff --git a/web/src/i18n/en.ts b/web/src/i18n/en.ts
index 6a980f36..ee3e13c3 100644
--- a/web/src/i18n/en.ts
+++ b/web/src/i18n/en.ts
@@ -458,6 +458,7 @@ export const en = {
imageSquareRequired: 'Please upload a square image',
nameInvalid: 'Name cannot start or end with a space',
notAllSpaces: 'Cannot be all spaces',
+ view: 'View',
},
model: {
searchPlaceholder: 'search model…',
@@ -1371,6 +1372,59 @@ export const en = {
gotoDetail: 'View Details',
dify: 'Dify',
pleaseUploadFile: 'Please upload file',
+ setting: 'Settings',
+ funConfig: 'Features',
+ fileUpload: 'File Upload',
+ fileUploadDesc: 'The chat input box supports file uploads. Types include images, documents, and other types',
+ settings: 'File Upload Settings',
+ uploadType: 'Upload Type',
+ local: 'Local Upload',
+ both: 'Both',
+ maxSize: 'Maximum Upload',
+ maxSizeDesc: 'Documents < 200.00MB, Images < 10.00MB, Audio < 50.00MB, Video < 100.00MB',
+ supportedTypes: 'Supported File Types',
+ document: 'Document',
+ image: 'Image',
+ audio: 'Audio',
+ video: 'Video',
+ other: 'Other File Types',
+ otherFormats: 'Specify other file types',
+ maxCount: 'Max Files',
+ singleMaxSize: 'Max Size',
+ unix: 'items',
+ textTranfer: 'Text to Speech',
+ textTranferDesc: 'Text can be converted to speech',
+
+ apps: 'My Apps',
+ sharing: 'Sharing',
+ sharingApp: 'Shared Apps',
+ myShare: 'My Shares',
+ selectTargetSpace: 'Select Target Space',
+ alreadyShared: 'Already Shared',
+ permissionMode: 'Permission Mode',
+ readonlyMode: 'Use Shared',
+ readonlyModeDesc: 'Can test and run, cannot view internals',
+ editableMode: 'Copy Shared',
+ editableModeDesc: 'Copy full replica, free to edit',
+ confirmSharing: 'Confirm Sharing',
+ selectAtLeastOneSpace: 'Please select at least one target space',
+ test: 'Conversation Test',
+ log: 'Logs',
+ testChatEmpty: 'Send a message to test the shared app',
+ allCancel: 'Cancel All',
+ cancelShare: 'Cancel Sharing',
+ confirmAppCancelShareDesc: 'Are you sure to cancel sharing of 【{{app}}】 app with 【{{workspace}}】 space? The other party will no longer have access after cancellation.',
+ confirmWorkspaceCancelShareDesc: 'Are you sure to cancel all apps shared with 【{{workspace}}】? This action cannot be undone.',
+ sourceActive: 'Active',
+ sourceInactive: 'Inactive',
+ readonly: 'Use Only',
+ editable: 'Copyable',
+ version: 'Version',
+ permission: 'Permission',
+ souceStatus: 'Source App Status',
+ confirmCopyDesc: 'Are you sure to copy 【{{app}}】 app?',
+ noShareAuth: 'No permission to share apps',
+ appCount: '{{count}} apps shared to this space',
},
userMemory: {
userMemory: 'User Memory',
@@ -1482,6 +1536,33 @@ export const en = {
memoryNum: 'memories',
memory_config_name: 'Memory Engine',
searchPlaceholder: 'Search memory store name',
+
+ communityNetwork: 'Community Graph',
+ community: 'Community',
+ "Person": "Person Entity Node",
+ "Organization": "Organization Entity Node",
+ "ORG": "Organization Entity Node",
+ "Location": "Location Entity Node",
+ "LOC": "Location Entity Node",
+ "Event": "Event Entity Node",
+ "Concept": "Concept Entity Node",
+ "Time": "Time Entity Node",
+ "Position": "Position Entity Node",
+ "WorkRole": "Work Role Entity Node",
+ "System": "System Entity Node",
+ "Policy": "Policy Entity Node",
+ "HistoricalPeriod": "Historical Period Entity Node",
+ "HistoricalState": "Historical State Entity Node",
+ "HistoricalEvent": "Historical Event Entity Node",
+ "EconomicFactor": "Economic Factor Entity Node",
+ "Condition": "Condition Entity Node",
+ "Numeric": "Numeric Entity Node",
+ "Work": "Work / Output",
+ member_count: 'Member Count',
+ member_count_desc: 'entities',
+ summary: 'Summary',
+ core_entities: 'Core Entities',
+ communityDetailEmptyDesc: 'Click on a community in the chart on the left to view details',
},
space: {
createSpace: 'Create Space',
diff --git a/web/src/i18n/zh.ts b/web/src/i18n/zh.ts
index 974fc478..ebdeb31d 100644
--- a/web/src/i18n/zh.ts
+++ b/web/src/i18n/zh.ts
@@ -755,6 +755,59 @@ export const zh = {
gotoDetail: '查看详情',
dify: 'Dify',
pleaseUploadFile: '请上传文件',
+ setting: '设置',
+ funConfig: '功能',
+ fileUpload: '文件上传',
+ fileUploadDesc: '聊天输入框支持上传文件。类型包括图片、文档以及其它类型',
+ settings: '文件上传设置',
+ uploadType: '上传类型',
+ local: '本地上传',
+ both: '两者皆可',
+ maxSize: '最大上传大小',
+ maxSizeDesc: '文档 < 200.00MB，图片 < 10.00MB，音频 < 50.00MB，视频 < 100.00MB',
+ supportedTypes: '支持的文件类型',
+ document: '文档',
+ image: '图片',
+ audio: '音频',
+ video: '视频',
+ other: '其他文件类型',
+ otherFormats: '指定其他文件类型',
+ maxCount: '最大文件数',
+ singleMaxSize: '单文件最大大小',
+ unix: '个',
+ textTranfer: '文字转语音',
+ textTranferDesc: '文本可以转换成语言',
+
+ apps: '我的应用',
+ sharing: '共享',
+ sharingApp: '共享应用',
+ myShare: '我的共享',
+ selectTargetSpace: '选择目标空间',
+ alreadyShared: '已共享',
+ permissionMode: '权限模式',
+ readonlyMode: '使用共享',
+ readonlyModeDesc: '可测试运行，不可查看内部',
+ editableMode: '复制共享',
+ editableModeDesc: '复制完整副本，自由编辑',
+ confirmSharing: '确认共享',
+ selectAtLeastOneSpace: '请选择至少一个目标空间',
+ test: '对话测试',
+ log: '日志',
+ testChatEmpty: '发送消息测试共享应用效果',
+ allCancel: '全部取消',
+ cancelShare: '取消共享',
+ confirmAppCancelShareDesc: '确定取消该【{{app}}】应用对【{{workspace}}】空间的共享？取消后对方将无法访问。',
+ confirmWorkspaceCancelShareDesc: '确定取消所有共享给【{{workspace}}】的应用？此操作不可恢复。',
+ sourceActive: '生效中',
+ sourceInactive: '已失效',
+ readonly: '仅使用',
+ editable: '可复制',
+ version: '版本号',
+ permission: '权限',
+ souceStatus: '源应用状态',
+ confirmCopyDesc: '确定复制【{{app}}】应用？',
+ noShareAuth: '无共享应用的权限',
+ appCount: '{{count}}个应用共享到此空间',
},
table: {
totalRecords: '共 {{total}} 条记录'
@@ -1038,6 +1091,7 @@ export const zh = {
imageSquareRequired: '请上传正方形比例图片',
nameInvalid: '不能是空格开头或结尾',
notAllSpaces: '不能是纯空格',
+ view: '查看',
},
model: {
searchPlaceholder: '搜索模型…',
@@ -1480,6 +1534,33 @@ export const zh = {
memoryNum: '条记忆',
memory_config_name: '记忆引擎',
searchPlaceholder: '搜索记忆库名称',
+
+ communityNetwork: '社区图谱',
+ community: '社区',
+ "Person": "人物实体节点",
+ "Organization": "组织实体节点",
+ "ORG": "组织实体节点",
+ "Location": "地点实体节点",
+ "LOC": "地点实体节点",
+ "Event": "事件实体节点",
+ "Concept": "概念实体节点",
+ "Time": "时间实体节点",
+ "Position": "职位实体节点",
+ "WorkRole": "职业实体节点",
+ "System": "系统实体节点",
+ "Policy": "政策实体节点",
+ "HistoricalPeriod": "历史时期实体节点",
+ "HistoricalState": "历史国家实体节点",
+ "HistoricalEvent": "历史事件实体节点",
+ "EconomicFactor": "经济因素实体节点",
+ "Condition": "条件实体节点",
+ "Numeric": "数值实体节点",
+ "Work": "作品/工作成果",
+ member_count: '成员数',
+ member_count_desc: '个实体',
+ summary: '摘要',
+ core_entities: '核心实体',
+ communityDetailEmptyDesc: '点击左侧图表中的社区查看详情',
},
space: {
createSpace: '创建空间',
@@ -2546,7 +2627,7 @@ export const zh = {
memoryHealthVisualization: '记忆健康可视化',
activationValueDistribution: '激活值分布',
forgettingTrend: '遗忘趋势（近7天）',
-
+
nodes_without_activation: '观察区',
low_activation_nodes: '遗忘区',
health_nodes: '健康区',
diff --git a/web/src/routes/routes.json b/web/src/routes/routes.json
index ea137bd4..78205491 100644
--- a/web/src/routes/routes.json
+++ b/web/src/routes/routes.json
@@ -45,6 +45,7 @@
"element": "BasicLayout",
"children": [
{ "path": "/application/config/:id", "element": "ApplicationConfig" },
+ { "path": "/application/config/:id/:source", "element": "ApplicationConfig" },
{ "path": "/user-memory/neo4j/:id", "element": "Neo4jUserMemoryDetail" },
{ "path": "/statement/:id", "element": "StatementDetail" },
{ "path": "/user-memory/detail/:id/:type", "element": "MemoryNodeDetail" },
diff --git a/web/src/views/ApplicationConfig/Agent.tsx b/web/src/views/ApplicationConfig/Agent.tsx
index 237c3373..add3e147 100644
--- a/web/src/views/ApplicationConfig/Agent.tsx
+++ b/web/src/views/ApplicationConfig/Agent.tsx
@@ -2,7 +2,7 @@
* @Author: ZhaoYing
* @Date: 2026-02-03 16:29:21
* @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-03 14:24:34
+ * @Last Modified time: 2026-03-13 16:58:15
*/
import { type FC, type ReactNode, useEffect, useRef, useState, forwardRef, useImperativeHandle } from 'react';
import clsx from 'clsx'
@@ -23,7 +23,8 @@ import type {
MemoryConfig,
AiPromptModalRef,
Source,
- ChatVariableConfigModalRef
+ ChatVariableConfigModalRef,
+ FunConfigForm
} from './types'
import type { Variable } from './components/VariableList/types'
import type { KnowledgeConfig } from './components/Knowledge/types'
@@ -41,6 +42,7 @@ import ToolList from './components/ToolList/ToolList'
import SkillList from './components/Skill'
import ChatVariableConfigModal from './components/ChatVariableConfigModal';
import type { Skill } from '@/views/Skills/types'
+import FunConfig from './components/FunConfig'
/**
* Description wrapper component
@@ -99,7 +101,7 @@ const SwitchWrapper: FC<{ title: string, desc?: string, name: string | string[];
* @param name - Form field name
* @param url - API URL for options
*/
-const SelectWrapper: FC<{ title: string, desc: string, name: string | string[], url: string }> = ({ title, desc, name, url }) => {
+const SelectWrapper: FC<{ title: string, desc: string, name: string | string[], url: string; disabled?: boolean }> = ({ title, desc, name, url, disabled }) => {
const { t } = useTranslation();
return (
<>
@@ -115,6 +117,7 @@ const SelectWrapper: FC<{ title: string, desc: string, name: string | string[],
hasAll={false}
valueKey='config_id'
labelKey="config_name"
+ disabled={disabled}
/>
((_props, ref) => {
}, [modelList, values?.default_model_config_id])
useImperativeHandle(ref, () => ({
- handleSave
+ handleSave,
+ funConfig: values?.funConfig
}))
const aiPromptModalRef = useRef(null)
@@ -406,7 +410,11 @@ const Agent = forwardRef((_props, ref) => {
useEffect(() => {
setChatVariables(values?.variables || [])
}, [values?.variables])
- console.log('values', values)
+
+ const handleSaveFunConfig = (value: FunConfigForm) => {
+ form.setFieldValue('funConfig', value)
+ }
+ console.log('agent', values)
return (
<>
{loading && ((_props, ref) => {
{defaultModel?.name ? : null}
{defaultModel?.name || t('application.chooseModel')}
+ {/* ((_props, ref) => {
+
+ {tooltipNode ? (
+
+ )
+}
+
+export default React.memo(CommunityGraph)
diff --git a/web/src/components/D3Graph/hooks.ts b/web/src/components/D3Graph/hooks.ts
new file mode 100644
index 00000000..93355718
--- /dev/null
+++ b/web/src/components/D3Graph/hooks.ts
@@ -0,0 +1,24 @@
+import { useRef, useEffect } from 'react'
+import * as d3 from 'd3'
+
+/**
+ * Generic hook that mounts a D3 graph inside a div container.
+ * Clears any existing SVG before calling initFn, and runs cleanup on unmount or dep change.
+ */
+export function useD3Graph
+ {tooltipNode}
+
+ ) : undefined}
+ {application?.name}
-
+ ? void;
+}
+export interface MySharedOutItem {
+ id: string;
+ source_app_id: string;
+ source_workspace_id: string;
+ target_workspace_id: string;
+ shared_by: string;
+ permission: 'readonly' | 'editable';
+ created_at: number;
+ updated_at: number;
+ source_app_name: string;
+ source_app_type: string;
+ source_app_version: string;
+ source_app_is_active: boolean;
+ target_workspace_name: string;
+ target_workspace_icon: string;
}
\ No newline at end of file
diff --git a/web/src/views/UserMemoryDetail/components/CommunityNetwork.tsx b/web/src/views/UserMemoryDetail/components/CommunityNetwork.tsx
new file mode 100644
index 00000000..2757498d
--- /dev/null
+++ b/web/src/views/UserMemoryDetail/components/CommunityNetwork.tsx
@@ -0,0 +1,72 @@
+import React, { useState, type FC, useEffect } from 'react'
+import { useParams } from 'react-router-dom'
+import { useTranslation } from 'react-i18next'
+import type { CommunityD3Node, CommunityGraphData, RawCommunityGraphData, RawCommunityNode } from '@/components/D3Graph/types'
+import { buildCommunityGraphData } from '@/components/D3Graph/utils'
+import CommunityGraph from '@/components/D3Graph/CommunityGraph'
+import { getMemoryCommunityGraph } from '@/api/memory'
+
+// ─── Tooltip ──────────────────────────────────────────────────────────────────
+
+const NodeTooltip: FC<{ node: CommunityD3Node }> = ({ node }) => {
+ const { t } = useTranslation()
+ return (
+ (null)
+ const [empty, setEmpty] = useState(false)
+
+ useEffect(() => {
+ if (!id) return
+ const controller = new AbortController()
+ setEmpty(false)
+ setGraphData(null)
+ getMemoryCommunityGraph(id, { signal: controller.signal }).then(res => {
+ const raw = res as RawCommunityGraphData
+ if (!raw.nodes?.length) { setEmpty(true); return }
+ const built = buildCommunityGraphData(raw)
+ if (!built) { setEmpty(true); return }
+ setGraphData(built)
+ }).catch((e) => { if (e?.code !== 'ERR_CANCELED') setEmpty(true) })
+ return () => controller.abort()
+ }, [id])
+
+ return (
+ ([])
const [links, setLinks] = useState([])
const [categories, setCategories] = useState<{ name: string }[]>([])
- const [selectedNode, setSelectedNode] = useState(null)
+ const [selectedNode, setSelectedNode] = useState(null)
// const [fullScreen, setFullScreen] = useState(false)
const navigate = useNavigate()
+ const [activeTab, setActiveTab] = useState('relationshipNetwork')
console.log('categories', categories)
+ const edgeAbortRef = useRef(null)
+
/** Fetch relationship network data */
const getEdgeData = useCallback(() => {
if (!id) return
+ edgeAbortRef.current?.abort()
+ edgeAbortRef.current = new AbortController()
setSelectedNode(null)
- getMemorySearchEdges(id).then((res) => {
+ getMemorySearchEdges(id, { signal: edgeAbortRef.current.signal }).then((res) => {
const { nodes, edges, statistics } = res as GraphData
const curNodes: Node[] = []
const curEdges: Edge[] = []
@@ -123,6 +130,7 @@ const RelationshipNetwork:FC = () => {
useEffect(() => {
if (!id) return
getEdgeData()
+ return () => { edgeAbortRef.current?.abort() }
}, [id])
useEffect(() => {
@@ -153,34 +161,36 @@ const RelationshipNetwork:FC = () => {
const params = new URLSearchParams({
nodeId: selectedNode.id,
nodeLabel: selectedNode.label,
- nodeName: selectedNode.name || ''
+ nodeName: (selectedNode as Node).name || ''
})
navigate(`/user-memory/detail/${id}/GRAPH?${params.toString()}`)
}
+ const handleChangeTab = (tab: string) => {
+ if (tab === 'communityNetwork') {
+ edgeAbortRef.current?.abort()
+ } else {
+ getEdgeData()
+ }
+ setActiveTab(tab)
+ setSelectedNode(null)
+ }
return (
{/* Relationship Network */}
- //
- // {t('userMemory.fullScreen')}
- //
- // }
- >
+
+ {/* {}
+
+interface FileUploadSettingModalProps {
+ onSave: (values: FileUploadSettings) => void;
+}
+
+const fileTypeOptions = [
+ {
+ type: 'document',
+ icon: ,
+ formats: 'TXT, MD, MDX, MARKDOWN, PDF, DOC, DOCX',
+ defaultMaxCount: 1,
+ defaultMaxSize: 2
+ },
+ {
+ type: 'image',
+ icon: ,
+ formats: 'JPG, JPEG, PNG, GIF, WEBP, SVG',
+ defaultMaxCount: 1,
+ defaultMaxSize: 2
+ },
+ {
+ type: 'audio',
+ icon: ,
+ formats: 'MP3, M4A, WAV, AMR, MPGA',
+ defaultMaxCount: 1,
+ defaultMaxSize: 2
+ },
+ {
+ type: 'video',
+ icon: ,
+ formats: 'MP4, MOV, MPEG, WEBM',
+ defaultMaxCount: 1,
+ defaultMaxSize: 2
+ },
+];
+
+const FileUploadSettingModal = forwardRef(({
+ onSave,
+}, ref) => {
+ const { t } = useTranslation();
+ const [visible, setVisible] = useState(false);
+ const [form] = Form.useForm();
+ const values = Form.useWatch([], form)
+
+ const handleClose = () => {
+ setVisible(false);
+ form.resetFields();
+ };
+
+ const handleOpen = (values?: FileUploadSettings) => {
+ setVisible(true);
+ // if (values) {
+ // form.setFieldsValue(values);
+ // }
+ };
+
+ const handleSave = async () => {
+ const values = await form.validateFields();
+ onSave(values);
+ handleClose();
+ };
+
+ useImperativeHandle(ref, () => ({
+ handleOpen,
+ handleClose
+ }));
+
+
+ return (
+
+
+
+ );
+});
+
+export default FileUploadSettingModal;
diff --git a/web/src/views/ApplicationConfig/components/FunConfig/FunConfigModal.tsx b/web/src/views/ApplicationConfig/components/FunConfig/FunConfigModal.tsx
new file mode 100644
index 00000000..affa4e63
--- /dev/null
+++ b/web/src/views/ApplicationConfig/components/FunConfig/FunConfigModal.tsx
@@ -0,0 +1,140 @@
+/*
+ * @Author: ZhaoYing
+ * @Date: 2026-02-03 16:27:56
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-13 17:20:30
+ */
+/**
+ * Copy Application Modal
+ * Allows users to duplicate an existing application with a new name
+ */
+
+import { forwardRef, useImperativeHandle, useState, useRef } from 'react';
+import { Form, Button, Flex } from 'antd';
+import { useTranslation } from 'react-i18next';
+
+import type { FunConfigModalRef } from '../../types'
+import RbModal from '@/components/RbModal'
+import type { FunConfigForm } from '../../types'
+import SwitchFormItem from '@/components/FormItem/SwitchFormItem'
+import FileUploadSettingModal from './FileUploadSettingModal'
+
+const FormItem = Form.Item;
+
+interface FunConfigModalProps {
+ refresh: (value: FunConfigForm) => void;
+}
+
+/**
+ * Modal for copying applications
+ */
+const FunConfigModal = forwardRef(({
+ refresh,
+}, ref) => {
+ const { t } = useTranslation();
+ const [visible, setVisible] = useState(false);
+ const [form] = Form.useForm();
+ const [loading, setLoading] = useState(false)
+ const values = Form.useWatch([], form)
+ const fileUploadSettingModalRef = useRef(null)
+
+ /** Close modal and reset form */
+ const handleClose = () => {
+ setVisible(false);
+ form.resetFields();
+ setLoading(false)
+ };
+
+ /** Open modal */
+ const handleOpen = (initValue: FunConfigForm) => {
+ setVisible(true);
+ form.setFieldsValue(initValue)
+ };
+ /** Copy application with new name */
+ const handleSave = () => {
+ setVisible(false);
+ setLoading(true)
+ const values = form.getFieldsValue()
+ refresh(values)
+ }
+
+ const handleOpenSettings = () => {
+ fileUploadSettingModalRef.current?.handleOpen(values)
+ }
+
+ const handleSaveSettings = (settings: any) => {
+ form.setFieldsValue(settings)
+ }
+
+ /** Expose methods to parent component */
+ useImperativeHandle(ref, () => ({
+ handleOpen,
+ handleClose
+ }));
+ return (
+ <>
+
+
+
+
+ = ({
+ value,
+ refresh
+}) => {
+ const { t } = useTranslation();
+ // Ref used to imperatively open the config modal
+ const funConfigModalRef = useRef(null)
+
+ /** Open the feature config modal pre-populated with the current values */
+ const handleFunConfig = () => {
+ console.log('funConfig', value)
+ funConfigModalRef.current?.handleOpen(value)
+ }
+
+ return (
+ <>
+ {/* Button that triggers the feature configuration modal */}
+
+
+ {/* Modal for editing feature settings; calls refresh on save */}
+ (null)
@@ -36,6 +38,31 @@ const ApplicationConfig: React.FC = () => {
const [application, setApplication] = useState(null);
const [activeTab, setActiveTab] = useState('arrangement');
+ useEffect(() => {
+ setActiveTab(source === 'sharing' ? 'test' : 'arrangement')
+ }, [source])
+
+ const [config, setConfig] = useState(null)
+ useEffect(() => {
+ if (source === 'sharing' && application?.type) {
+ getAppConfig()
+ }
+ }, [source, application?.type])
+
+ const getAppConfig = () => {
+ if (!id || !source || !application?.type) {
+ return
+ }
+ const request = application?.type === 'agent'
+ ? getApplicationConfig
+ : application?.type === 'multi_agent'
+ ? getMultiAgentConfig
+ : getWorkflowConfig
+ request(id as string).then(res => {
+ setConfig(res as Config | WorkflowConfig | null)
+ })
+ }
+
/**
* Handle tab change with auto-save for arrangement tab
* @param key - New tab key
@@ -94,6 +121,7 @@ const ApplicationConfig: React.FC = () => {
{activeTab === 'api' && ;
+ funConfig: Config['funConfig'];
+ handleSaveFunConfig?: (value: FunConfigForm) => void;
}
/**
@@ -138,6 +142,8 @@ export interface ClusterRef {
* @param flag - Whether to show success message
*/
handleSave: (flag?: boolean) => Promise;
+ funConfig: Config['funConfig'];
+ handleSaveFunConfig?: (value: FunConfigForm) => void;
}
/**
@@ -156,6 +162,8 @@ export interface WorkflowRef {
/** Add variable */
addVariable: () => void;
config: WorkflowConfig | null;
+ funConfig: WorkflowConfig['funConfig'];
+ handleSaveFunConfig?: (value: FunConfigForm) => void;
}
/**
@@ -400,4 +408,34 @@ export interface StatisticsData {
total_api_calls: number;
/** Total tokens used */
total_tokens: number;
+}
+
+export interface FileTypeConfig {
+ type: string;
+ enabled: boolean;
+ maxCount: number;
+ maxSize: number;
+}
+export interface FunConfigForm {
+ enabled: boolean;
+ fileTypes: FileTypeConfig[]
+ uploadType: 'local' | 'url' | 'both';
+}
+/**
+ * Function config modal ref methods
+ */
+export interface FunConfigModalRef {
+ /** Open function config modal */
+ handleOpen: (value: FunConfigForm) => void;
+}
+
+/**
+ * App sharing modal ref methods
+ */
+export interface AppSharingModalRef {
+ handleOpen: () => void;
+}
+export interface AppSharingForm {
+ target_workspace_ids: string[];
+ permission: 'readonly' | 'editable'
}
\ No newline at end of file
diff --git a/web/src/views/ApplicationManagement/MySharing.tsx b/web/src/views/ApplicationManagement/MySharing.tsx
new file mode 100644
index 00000000..54e501ca
--- /dev/null
+++ b/web/src/views/ApplicationManagement/MySharing.tsx
@@ -0,0 +1,158 @@
+/*
+ * @Author: ZhaoYing
+ * @Date: 2026-02-03 16:34:12
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-13 17:36:16
+ */
+import React, { useState, useEffect, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Button, App, Flex, Row, Col, Collapse } from 'antd';
+import clsx from 'clsx';
+
+import type { MySharedOutItem } from './types';
+import { mySharedOutList, cancelShare, cancelSpaceShare } from '@/api/application'
+
+const MySharing: React.FC = () => {
+ const { t } = useTranslation();
+ const { modal } = App.useApp();
+ const [data, setData] = useState([])
+
+ useEffect(() => { getList() }, [])
+
+ const getList = () => {
+ mySharedOutList().then(res => setData(res as MySharedOutItem[]))
+ }
+
+ /** Group items by target_workspace_id */
+ const grouped = useMemo(() => {
+ const map = new Map, items: MySharedOutItem[] }>();
+ data.forEach(item => {
+ if (!map.has(item.target_workspace_id)) {
+ map.set(item.target_workspace_id, {
+ workspace: {
+ target_workspace_id: item.target_workspace_id,
+ target_workspace_name: item.target_workspace_name,
+ target_workspace_icon: item.target_workspace_icon,
+ },
+ items: [],
+ });
+ }
+ map.get(item.target_workspace_id)!.items.push(item);
+ });
+ return Array.from(map.values());
+ }, [data]);
+
+ const handleAllCancel = (workspace: { target_workspace_name: string; target_workspace_id: string; }) => {
+ modal.confirm({
+ title: t('application.confirmWorkspaceCancelShareDesc', { workspace: workspace.target_workspace_name }),
+ okText: t('common.confirm'),
+ cancelText: t('common.cancel'),
+ okType: 'danger',
+ onOk: () => {
+ cancelSpaceShare(workspace.target_workspace_id)
+ .then(() => {
+ getList();
+ })
+ }
+ });
+ };
+
+ const handleCancelOne = (item: MySharedOutItem) => {
+ modal.confirm({
+ title: t('application.confirmAppCancelShareDesc', { app: item.source_app_name, workspace: item.target_workspace_name }),
+ okText: t('common.confirm'),
+ cancelText: t('common.cancel'),
+ okType: 'danger',
+ onOk: () => {
+ cancelShare(item.source_app_id, item.target_workspace_id)
+ .then(() => {
+ getList();
+ })
+ }
+ });
+ };
+
+ return (
+
+ {grouped.map(({ workspace, items }) => (
+
+ {workspace.target_workspace_icon
+ ? 
+ :
+ ),
+ extra: (
+
+ ),
+ children: (
+
+ {items.map(item => (
+
-
-
- ref={scrollListRef}
- url={getApplicationListUrl}
- query={query}
- renderItem={(item) => (
-
- {item.name[0]}
-
- }
- >
- {['type', 'source', 'created_at'].map((key, index) => (
-
+ {workspace.target_workspace_name[0]}
+
+ }
+
+ {workspace.target_workspace_name}
+
+ {t('application.appCount', { count: items.length })}
+ handleCancelOne(item)}
+ />
+
+
+
+
+ {t('application.type')}
+
+ {t(`application.${item.source_app_type}`)}
+
+
+
+ {t('application.version')}
+ {item.source_app_version}
+
+
+ {t('application.permission')}
+
+ {t(`application.${item.permission}`)}
+
+
+
+ {t('application.souceStatus')}
+ {item.source_app_is_active ? t('application.sourceActive') : t('application.sourceInactive')}
+
+
+
+ ))}
+
+ ),
+ }]}
+ />
+ ))}
+
+ );
+};
+
+export default MySharing;
diff --git a/web/src/views/ApplicationManagement/index.tsx b/web/src/views/ApplicationManagement/index.tsx
index 62c02574..32652bc3 100644
--- a/web/src/views/ApplicationManagement/index.tsx
+++ b/web/src/views/ApplicationManagement/index.tsx
@@ -2,7 +2,7 @@
* @Author: ZhaoYing
* @Date: 2026-02-03 16:34:12
* @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-03-02 17:48:51
+ * @Last Modified time: 2026-03-16 09:56:02
*/
/**
* Application Management Page
@@ -10,9 +10,9 @@
* Supports creating, editing, and deleting applications
*/
-import React, { useState, useRef, useEffect } from 'react';
+import React, { useState, useRef, useEffect, useMemo } from 'react';
import { useTranslation } from 'react-i18next';
-import { Button, Row, Col, App, Select, Space, Dropdown } from 'antd';
+import { Button, App, Select, Space, Dropdown, type SegmentedProps, Flex, Form } from 'antd';
import clsx from 'clsx';
import { DeleteOutlined } from '@ant-design/icons';
import { useSearchParams } from 'react-router-dom'
@@ -21,12 +21,16 @@ import ApplicationModal, { types } from './components/ApplicationModal';
import type { Application, ApplicationModalRef, Query, UploadWorkflowModalRef } from './types';
import SearchInput from '@/components/SearchInput'
import RbCard from '@/components/RbCard/Card'
-import { getApplicationListUrl, deleteApplication } from '@/api/application'
+import { getApplicationListUrl, deleteApplication, copyApplication } from '@/api/application'
import PageScrollList, { type PageScrollListRef } from '@/components/PageScrollList'
import { formatDateTime } from '@/utils/format';
import UploadWorkflowModal from './components/UploadWorkflowModal'
import UploadModal from './components/UploadModal'
+import PageTabs from '@/components/PageTabs'
+import MySharing from './MySharing'
+
+const tabKeys = ['apps', 'sharing', 'myShare']
/**
* Application management main component
*/
@@ -34,20 +38,19 @@ const ApplicationManagement: React.FC = () => {
const { t } = useTranslation();
const { modal } = App.useApp();
const [searchParams] = useSearchParams()
- const [query, setQuery] = useState({} as Query);
const applicationModalRef = useRef(null);
const scrollListRef = useRef(null)
const uploadWorkflowModalRef = useRef(null);
const uploadModalRef = useRef(null);
+ const [form] = Form.useForm()
+ const query = Form.useWatch([], form)
+ const [activeTab, setActiveTab] = useState('apps');
useEffect(() => {
// Convert URLSearchParams to a plain object for easier access
const data = Object.fromEntries(searchParams)
const { type } = data
- setQuery(prev => ({
- ...prev,
- type: type || undefined
- }))
+ form.setFieldValue('type', type || undefined)
}, [searchParams])
/** Refresh application list */
@@ -61,7 +64,11 @@ const ApplicationManagement: React.FC = () => {
}
/** Navigate to application configuration page */
const handleEdit = (item: Application) => {
- window.open(`/#/application/config/${item.id}`);
+ let url = `/#/application/config/${item.id}`
+ if (item.is_shared) {
+ url += `/${activeTab}`
+ }
+ window.open(url);
}
/** Delete application with confirmation */
const handleDelete = (item: Application) => {
@@ -81,9 +88,6 @@ const ApplicationManagement: React.FC = () => {
}
})
}
- const handleChangeType = (value?: string) => {
- setQuery(prev => ({...prev, type: value}))
- }
const handleImport = () => {
uploadWorkflowModalRef.current?.handleOpen()
@@ -97,90 +101,137 @@ const ApplicationManagement: React.FC = () => {
uploadModalRef.current?.handleOpen()
}
}
+ const formatTabItems = useMemo(() => {
+ return tabKeys.map(value => ({
+ value,
+ label: t(`application.${value}`),
+ }))
+ }, [tabKeys, t])
+ /** Handle tab change */
+ const handleChangeTab = (value: SegmentedProps['value']) => {
+ setActiveTab(value as string);
+ form.resetFields()
+ }
+ const handleCopy = (item: Application) => {
+ modal.confirm({
+ title: t('application.confirmCopyDesc', { app: item.name }),
+ okText: t('common.copy'),
+ cancelText: t('common.cancel'),
+ onOk: () => {
+ copyApplication(item.id)
+ .then(() => {
+ setActiveTab('apps')
+ })
+ }
+ });
+ }
return (
<>
-
-
+ }
>
-
-
-
-
-
-
+ {item.source_app_name[0]}
+
+ {item.source_app_name}
+
- {t(`application.${key}`)}
- (
+
+ ))}
-
- {key === 'source' && item.is_shared
- ? t('application.shared')
- : key === 'source' && !item.is_shared
- ? t('application.configuration')
- : key === 'created_at'
- ? formatDateTime(item.created_at, 'YYYY-MM-DD HH:mm:ss')
- : t(`application.${item[key as keyof Application]}`)
- }
-
-
- ))}
+ {t(`application.${key}`)}
+
+ {key === 'source' && item.is_shared
+ ? item.source_workspace_name
+ : key === 'source' && !item.is_shared
+ ? t('application.configuration')
+ : key === 'created_at'
+ ? formatDateTime(item.created_at, 'YYYY-MM-DD HH:mm:ss')
+ : t(`application.${item[key as keyof Application]}`)
+ }
+
+
-
- } onClick={() => handleDelete(item)}>
-
-
- )}
- />
+ {item.is_shared
+ ?
+
+ {item.share_permission === 'editable' && }
+
+ :
+
+ } onClick={() => handleDelete(item)}>
+
+ }
+
+ )}
+ />
+ }
+ {activeTab === 'myShare' &&
+
+ )
+}
+
+// ─── Component ────────────────────────────────────────────────────────────────
+
+const CommunityNetwork: FC<{ onSelectCommunity?: (node: RawCommunityNode) => void }> = ({ onSelectCommunity }) => {
+ const { id } = useParams()
+ const [graphData, setGraphData] = useState
+ {node.properties?.name ?? node.name}
+
+ {node.properties?.description && (
+
+ {node.properties.description}
+
+ )}
+
+ {t('userMemory.type')}：
+ {t(`userMemory.${node.properties?.entity_type}`)}
+
+
+ {t('userMemory.community')}：
+ {node.properties?.community_name}
+
+
- {nodes.length === 0 ? (
- setSelectedNode(community)} />
+ : nodes.length === 0
+ ? {
}
}}
/>
- )}
+ }
{!selectedNode
- ?
{selectedNode.name}
}
-
- <>
+ ? ;
+ edge_types: Record;
+}
+export interface CommunityGraphData {
+ nodes: (CommunityTypeNode | ExtractedEntityTypeNode)[];
+ edges: CommunityEdge[];
+ statistics: CommunityStatistics;
+}
diff --git a/web/src/views/Workflow/components/Chat/Runtime.tsx b/web/src/views/Workflow/components/Chat/Runtime.tsx
index e41531b0..142b7e1d 100644
--- a/web/src/views/Workflow/components/Chat/Runtime.tsx
+++ b/web/src/views/Workflow/components/Chat/Runtime.tsx
@@ -2,7 +2,7 @@
* @Author: ZhaoYing
* @Date: 2026-02-24 17:57:08
* @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-28 16:48:09
+ * @Last Modified time: 2026-03-12 13:39:24
*/
/*
* Runtime Component
@@ -225,12 +225,13 @@ const Runtime: FC<{ item: ChatItem; index: number;}> = ({
)
: <>
- {item.error
- ? (({
diff --git a/web/src/views/Workflow/index.tsx b/web/src/views/Workflow/index.tsx
index 1346a9a6..085df878 100644
--- a/web/src/views/Workflow/index.tsx
+++ b/web/src/views/Workflow/index.tsx
@@ -60,7 +60,8 @@ const Workflow = forwardRef((_props, ref) => {
handleRun,
graphRef,
addVariable,
- config
+ config,
+ funConfig: config?.funConfig
}))
return (
+
+ {t('userMemory.member_count')}
+ {(selectedNode as RawCommunityNode).properties.member_count}{t('userMemory.member_count_desc')}
+
+
+
+ : <>
+ {(selectedNode as Node).name && (
+
+ {(selectedNode as RawCommunityNode).properties.name}
+
+ {t('userMemory.summary')}
+
+ {(selectedNode as RawCommunityNode).properties.summary}
+
+ {t('userMemory.core_entities')}
+ -
+ {(selectedNode as RawCommunityNode).properties.core_entities.map((entity, index) =>
- {entity} )} +
+ {(selectedNode as Node).name}
+
+ )}
+ {t('userMemory.memoryContent')}
{['Chunk', 'Dialogue', 'MemorySummary'].includes(selectedNode.label) && 'content' in selectedNode.properties
? selectedNode.properties.content
: selectedNode.label === 'ExtractedEntity' && 'description' in selectedNode.properties
- ? selectedNode.properties.description
- : selectedNode.label === 'Statement' && 'statement' in selectedNode.properties
- ? selectedNode.properties.statement
- : ''
- }
-
-
-
-
diff --git a/web/src/views/UserMemoryDetail/types.ts b/web/src/views/UserMemoryDetail/types.ts
index 8333cb2c..72e896ad 100644
--- a/web/src/views/UserMemoryDetail/types.ts
+++ b/web/src/views/UserMemoryDetail/types.ts
@@ -1,8 +1,8 @@
/*
* @Author: ZhaoYing
* @Date: 2026-02-03 17:57:15
- * @Last Modified by: ZhaoYing
- * @Last Modified time: 2026-02-03 17:57:15
+ * @Last Modified by: ZhaoYing
+ * @Last Modified time: 2026-03-13 11:49:52
*/
/**
* User Memory Detail Types
@@ -90,6 +90,7 @@ export interface ExtractedEntityNodeProperties {
connect_strngth: string;
importance_score: number;
associative_memory: number;
+ community_name?: string;
}
/**
* Memory summary node
@@ -246,4 +247,53 @@ export interface ForgetData {
*/
export interface GraphDetailRef {
handleOpen: (vo: Node) => void
-}
\ No newline at end of file
+}
+// Community
+export type CommunityNodeType = 'Community' | 'ExtractedEntity';
+export type CommunityEdgeType = 'BELONGS_TO_COMMUNITY' | 'EXTRACTED_RELATIONSHIP';
+export type CommunityEntityType = "Person" | "Organization" | "ORG" | "Location" | "LOC" | "Event" | "Concept" | "Time" | "Position" | "WorkRole" | "System" | "Policy" | "HistoricalPeriod" | "HistoricalState" | "HistoricalEvent" | "EconomicFactor" | "Condition" | "Numeric" | "Work";
+// 社区节点
+export interface CommunityTypeNode {
+ id: string;
+ label: 'Community';
+ properties: {
+ community_id: string;
+ end_user_id: string;
+ member_count: number;
+ updated_at: string;
+ name: string;
+ summary: string;
+ core_entities: string[];
+ member_entity_ids: string[];
+ };
+}
+// 核心实体
+export interface ExtractedEntityTypeNode {
+ id: string;
+ label: 'ExtractedEntity';
+ properties: {
+ name: string;
+ end_user_id: string;
+ description: string;
+ created_at: string;
+ entity_type: CommunityEntityType;
+ community_name: string;
+ };
+}
+// 社区图谱连线
+export interface CommunityEdge {
+ id: string;
+ target: string;
+ source: string;
+}
+export interface CommunityStatistics {
+ total_nodes: number;
+ total_edges: number;
+ node_types: Record{t('userMemory.created_at')}
-
- {dayjs(selectedNode?.properties.created_at).format('YYYY-MM-DD HH:mm:ss')}
+ ? selectedNode.properties.description
+ : selectedNode.label === 'Statement' && 'statement' in selectedNode.properties
+ ? selectedNode.properties.statement
+ : ''}
- {selectedNode?.properties.associative_memory > 0 &&
-
-
+
}
{t('userMemory.associative_memory')}
+
+
}
- {selectedNode.label === 'Statement' && <>
- {(['emotion_keywords', 'emotion_type', 'emotion_subject', 'importance_score'] as const).map(key => {
- const statementProps = selectedNode.properties as StatementNodeProperties;
- if ((key === 'emotion_keywords' && statementProps[key]?.length > 0) || typeof statementProps[key] === 'string') {
- console.log('statementProps[key]', statementProps[key])
- return (
- {t('userMemory.created_at')}
- {selectedNode?.properties.associative_memory} {t('userMemory.unix')}{t('userMemory.associative_memory')}
+ {dayjs((selectedNode as Node).properties.created_at).format('YYYY-MM-DD HH:mm:ss')}
-
- {t(`userMemory.Statement_${key}`)}
-
-
- {key === 'emotion_keywords'
- ? {statementProps.emotion_keywords.map((vo, index) => {vo} )}
- : statementProps[key]
- }
+ {(selectedNode as Node).properties.associative_memory > 0 && (
+
- )
- }
- return null
- })}
- }
- {selectedNode.label === 'ExtractedEntity' && <>
- {(['name', 'entity_type', 'aliases', 'connect_strngth', 'importance_score'] as const).map(key => {
- const entityProps = selectedNode.properties as ExtractedEntityNodeProperties;
- if (entityProps[key]) {
- return (
-
+
+ )}
+
+ {selectedNode.label === 'Statement' && (
+ (['emotion_keywords', 'emotion_type', 'emotion_subject', 'importance_score'] as const).map(key => {
+ const p = selectedNode.properties as StatementNodeProperties
+ if ((key === 'emotion_keywords' && p[key]?.length > 0) || typeof p[key] === 'string') {
+ return (
+ {t('userMemory.associative_memory')}
+
+ {(selectedNode as Node).properties.associative_memory}
+ {' '}{t('userMemory.unix')}{t('userMemory.associative_memory')}
+
+
+ {t(`userMemory.Statement_${key}`)}
+
-
+ {key === 'emotion_keywords'
+ ? {p.emotion_keywords.map((v, i) => {v} )}
+ : p[key]}
+
- {t(`userMemory.ExtractedEntity_${key}`)}
-
- {Array.isArray(entityProps[key]) && entityProps[key].length > 0
- ? entityProps[key].map((vo, index) =>
- )
- }
- return null
- })}
- }
+ )
+ }
+ return null
+ })
+ )}
+ - {vo}
)
- : entityProps[key]
- }
+ )
+ }
+ return null
+ })
+ )}
+
+ {selectedNode.label === 'ExtractedEntity' && (
+ (['name', 'entity_type', 'aliases', 'connect_strngth', 'importance_score'] as const).map(key => {
+ const p = selectedNode.properties as ExtractedEntityNodeProperties
+ if (p[key]) {
+ return (
+
+ {t(`userMemory.ExtractedEntity_${key}`)}
+
-
+ {Array.isArray(p[key]) && p[key].length > 0
+ ? p[key].map((v, i) =>
- {v}
)
+ : p[key]}
+
+ {item.error &&
+
+ }
+ {renderChild(item.subContent)}
+
)
}]}
/>
diff --git a/web/src/views/Workflow/components/Chat/VariableConfigModal.tsx b/web/src/views/Workflow/components/Chat/VariableConfigModal.tsx
index 66491ab7..6bfe26e4 100644
--- a/web/src/views/Workflow/components/Chat/VariableConfigModal.tsx
+++ b/web/src/views/Workflow/components/Chat/VariableConfigModal.tsx
@@ -8,7 +8,6 @@ import RbModal from '@/components/RbModal'
interface VariableEditModalProps {
refresh: (values: Variable[]) => void;
- variables: Variable[]
}
const VariableConfigModal = forwardRef
diff --git a/web/src/views/Workflow/types.ts b/web/src/views/Workflow/types.ts
index 909c30e4..a43e6680 100644
--- a/web/src/views/Workflow/types.ts
+++ b/web/src/views/Workflow/types.ts
@@ -2,6 +2,7 @@
import { Graph } from '@antv/x6';
import type { KnowledgeConfig } from './components/Properties/Knowledge/types'
import type { Variable } from './components/Properties/VariableList/types'
+import type { FunConfigForm } from '@/views/ApplicationConfig/types'
export interface NodeConfig {
type: 'input' | 'textarea' | 'select' | 'inputNumber' | 'slider' | 'customSelect' | 'define' | 'knowledge' | 'variableList' | string;
placeholder?: string;
@@ -89,6 +90,8 @@ export interface WorkflowConfig {
is_active: boolean;
created_at: number;
updated_at: number;
+
+ funConfig?: FunConfigForm;
}
export interface ChatRef {