@solidxai/core-ui 0.1.18 → 0.1.19-beta.1

package/dist/components/core/extension/solid-core/agentToolRegistry/AgentToolSessionsPanel.tsx

@@ -0,0 +1,286 @@
+import React from "react";
+import qs from "qs";
+import { AlertCircle, Clock3, RefreshCw, Search } from "lucide-react";
+import { createSolidEntityApi } from "../../../../../redux/api/solidEntityApi";
+import { SolidAutocomplete, SolidDialog, SolidDialogDescription, SolidDialogHeader, SolidDialogTitle, SolidInput, SolidSelect } from "../../../../shad-cn-ui";
+import { AgentEventOutcomeListWidget, getAgentEventFailure } from "../agentEvent/list/AgentEventOutcomeListWidget";
+import "../../../../../routes/pages/admin/core/AgentToolRegistryEditorPage.css";
+
+type AgentOption = { id: number | string; name?: string; title?: string };
+type SessionRecord = {
+  id: number;
+  sessionId?: string;
+  startedAt?: string | null;
+  endedAt?: string | null;
+  status?: string | null;
+  agent?: AgentOption | number | string | null;
+  [key: string]: any;
+};
+
+function unwrapRecords(result: any): any[] {
+  return Array.isArray(result?.records) ? result.records : [];
+}
+
+function ago(value?: string | null): string {
+  if (!value) return "Start time unknown";
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return "Start time unknown";
+  const seconds = Math.max(0, Math.floor((Date.now() - date.getTime()) / 1000));
+  if (seconds < 60) return "Started just now";
+  if (seconds < 3600) return `Started ${Math.floor(seconds / 60)}m ago`;
+  if (seconds < 86400) return `Started ${Math.floor(seconds / 3600)}h ago`;
+  const days = Math.floor(seconds / 86400);
+  return days < 30 ? `Started ${days}d ago` : `Started ${date.toLocaleDateString()}`;
+}
+
+function agentName(session: SessionRecord, agents: AgentOption[]): string {
+  const relation = session.agent;
+  const id = relation && typeof relation === "object" ? relation.id : relation;
+  const agent = agents.find((item) => String(item.id) === String(id));
+  if (agent) return agent.name ?? agent.title ?? "Unnamed agent";
+  if (relation && typeof relation === "object") return relation.name ?? relation.title ?? "Unnamed agent";
+  return "Unknown agent";
+}
+
+function sessionQuery(agentId: number | string, processId?: number): string {
+  const processFilter = processId == null ? "" : `&filters[process][id][$eq]=${encodeURIComponent(String(processId))}`;
+  return `offset=0&limit=1000&populate[0]=agent&sort[0]=startedAt%3Adesc&filters[agent][id][$eq]=${encodeURIComponent(String(agentId))}${processFilter}`;
+}
+
+function eventsQuery(sessionId: number, offset: number, limit: number, eventType: string, search: string): string {
+  const conditions: Record<string, any>[] = [{ session: { $eq: sessionId } }];
+  if (eventType !== "all") conditions.push({ eventType: { $eq: eventType } });
+  if (search.trim()) conditions.push({ $or: ["eventType", "toolName", "content", "toolOutput", "eventData"]
+    .map((field) => ({ [field]: { $containsi: search.trim() } })) });
+  return qs.stringify({
+    offset, limit, sort: ["createdAt:asc", "id:asc"], filters: { $and: conditions },
+    fields: ["id", "createdAt", "eventType", "toolName", "cost", "inputTokens", "outputTokens", "toolReturncode", "toolOutput", "eventData"],
+  });
+}
+
+type Props = { agents?: AgentOption[]; agentId?: number | string; agentLabel?: string; processId?: number; processLabel?: string };
+const EMPTY_AGENTS: AgentOption[] = [];
+const EVENT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
+const EventFormView = React.lazy(() => import("../../../form/SolidFormView"));
+
+export function AgentSessionsPanel({ agents, agentId, agentLabel, processId, processLabel }: Props) {
+  const linkedAgents = agents ?? EMPTY_AGENTS;
+  const scopedAgents = React.useMemo(() => agentId != null
+    ? [{ id: agentId, name: agentLabel ?? "Agent" }]
+    : linkedAgents, [agentId, agentLabel, linkedAgents]);
+  const sessionApi = React.useMemo(() => createSolidEntityApi("agentSession"), []);
+  const eventApi = React.useMemo(() => createSolidEntityApi("agentEvent"), []);
+  const [fetchSessions] = sessionApi.useLazyGetSolidEntitiesQuery();
+  const [sessions, setSessions] = React.useState<SessionRecord[]>([]);
+  const [selectedAgent, setSelectedAgent] = React.useState<{ id: string; label: string } | null>(null);
+  const [selectedSessionId, setSelectedSessionId] = React.useState<number | null>(null);
+  const [selectedEventId, setSelectedEventId] = React.useState<number | null>(null);
+  const eventsTableRef = React.useRef<HTMLDivElement>(null);
+  const [isLoadingSessions, setIsLoadingSessions] = React.useState(false);
+  const [sessionsError, setSessionsError] = React.useState(false);
+  const [eventTypeFilter, setEventTypeFilter] = React.useState("all");
+  const [outcomeFilter, setOutcomeFilter] = React.useState("all");
+  const [eventSearch, setEventSearch] = React.useState("");
+  const [eventSearchQuery, setEventSearchQuery] = React.useState("");
+  const [eventPagination, setEventPagination] = React.useState({ scope: "", page: 1 });
+  const [eventPageSize, setEventPageSize] = React.useState(25);
+  const eventPageSizeId = React.useId();
+  const [sessionSearch, setSessionSearch] = React.useState("");
+  const [sessionRefreshVersion, setSessionRefreshVersion] = React.useState(0);
+  const eventScope = JSON.stringify([selectedSessionId, eventTypeFilter, eventSearchQuery]);
+  const currentEventPage = eventPagination.scope === eventScope ? eventPagination.page : 1;
+  const eventFirst = (currentEventPage - 1) * eventPageSize;
+  const eventResult = eventApi.useGetSolidEntitiesQuery(
+    selectedSessionId == null ? "" : eventsQuery(selectedSessionId, eventFirst, eventPageSize, eventTypeFilter, eventSearchQuery),
+    { skip: selectedSessionId == null });
+  const eventTypesResult = eventApi.useGetSolidEntitiesQuery(qs.stringify({
+    groupBy: ["eventType"], sort: ["eventType:asc"], filters: { session: { $eq: selectedSessionId } },
+  }), { skip: selectedSessionId == null });
+  const events = unwrapRecords(eventResult.currentData);
+  const totalEvents = Number(eventResult.currentData?.meta?.totalRecords ?? 0);
+  const eventPageCount = Math.max(1, Math.ceil(totalEvents / eventPageSize));
+  const isLoadingEvents = eventResult.isFetching || eventSearch.trim() !== eventSearchQuery;
+  const eventsError = eventResult.isError;
+  const agentOptions = React.useMemo(() => linkedAgents.map((agent) => ({
+    id: String(agent.id),
+    label: agent.name ?? agent.title ?? `Agent ${agent.id}`,
+  })), [linkedAgents]);
+  const linkedAgentKey = agentOptions.map((agent) => agent.id).join(",");
+
+  React.useEffect(() => {
+    let alive = true;
+    const requestedAgents = agentId != null ? scopedAgents : selectedAgent ? scopedAgents.filter((agent) => String(agent.id) === selectedAgent.id) : scopedAgents;
+    if (!requestedAgents.length) {
+      setSessions([]);
+      setSelectedSessionId(null);
+      return;
+    }
+    setIsLoadingSessions(true);
+    setSessionsError(false);
+    void Promise.all(requestedAgents.map(async (agent) => {
+      const result = await fetchSessions(sessionQuery(agent.id, processId), false).unwrap();
+      return unwrapRecords(result).map((item) => ({
+        ...item,
+        agent: item.agent && typeof item.agent === "object" ? item.agent : agent,
+      } as SessionRecord));
+    })).then((groups) => {
+      if (!alive) return;
+      const unique = new Map<string, SessionRecord>();
+      groups.flat().forEach((session) => unique.set(String(session.id), session));
+      const ordered = Array.from(unique.values()).sort((a, b) => new Date(b.startedAt ?? 0).getTime() - new Date(a.startedAt ?? 0).getTime());
+      setSessions(ordered);
+      setSelectedSessionId((current) => ordered.some((session) => session.id === current) ? current : ordered[0]?.id ?? null);
+    }).catch(() => {
+      if (alive) {
+        setSessions([]);
+        setSelectedSessionId(null);
+        setSessionsError(true);
+      }
+    }).finally(() => alive && setIsLoadingSessions(false));
+    return () => { alive = false; };
+  }, [agentId, fetchSessions, linkedAgentKey, processId, scopedAgents, selectedAgent, sessionRefreshVersion]);
+
+  React.useEffect(() => {
+    const timer = window.setTimeout(() => setEventSearchQuery(eventSearch.trim()), 300);
+    return () => window.clearTimeout(timer);
+  }, [eventSearch]);
+
+  const eventTypes = Array.from(new Set([
+    ...((eventTypesResult.currentData?.groupMeta ?? []) as any[]).map((group) => String(group.groupValue ?? "")),
+    ...events.map((event) => String(event.eventType ?? "")),
+    eventTypeFilter === "all" ? "" : eventTypeFilter,
+  ].filter(Boolean))).sort();
+  const visibleEvents = events.filter((event) => outcomeFilter === "all"
+    || Boolean(getAgentEventFailure(event)) === (outcomeFilter === "failure"));
+  React.useEffect(() => {
+    if (!isLoadingEvents && eventResult.currentData && currentEventPage > eventPageCount) {
+      setEventPagination({ scope: eventScope, page: eventPageCount });
+    }
+  }, [isLoadingEvents, eventResult.currentData, currentEventPage, eventPageCount, eventScope]);
+  React.useEffect(() => {
+    if (eventsTableRef.current) eventsTableRef.current.scrollTop = 0;
+  }, [currentEventPage, eventPageSize, selectedSessionId, eventSearch, eventTypeFilter, outcomeFilter]);
+  const selectedSession = sessions.find((session) => session.id === selectedSessionId);
+  const visibleSessions = React.useMemo(() => {
+    const query = sessionSearch.trim().toLowerCase();
+    if (!query) return sessions;
+    return sessions.filter((session) => [session.sessionId, session.id, session.status, agentName(session, scopedAgents)]
+      .some((value) => String(value ?? "").toLowerCase().includes(query)));
+  }, [scopedAgents, sessionSearch, sessions]);
+
+  return (
+    <section className="agent-tool-editor__sessions" aria-label="Sessions and events">
+      <aside className="agent-tool-editor__sessions-sidebar">
+        <header className="agent-tool-editor__sessions-sidebar-head">
+          <div><div className="agent-tool-editor__sessions-heading"><h2>Sessions</h2><button type="button" className={`agent-tool-editor__refresh${isLoadingSessions ? " is-loading" : ""}`} aria-label="Refresh sessions" title="Refresh sessions" disabled={isLoadingSessions} onClick={() => setSessionRefreshVersion((version) => version + 1)}><RefreshCw size={13} /></button><span>{visibleSessions.length}{visibleSessions.length !== sessions.length ? ` / ${sessions.length}` : ""}</span></div></div>
+          <p>{processId != null ? `In ${processLabel ?? `process #${processId}`}.` : agentId != null ? "Browse activity for this agent." : "Browse activity across linked agents."}</p>
+          {agentId == null && linkedAgents.length > 1 && <label className="agent-tool-editor__sessions-agent-filter"><span>Agent</span>
+            <SolidAutocomplete
+              value={selectedAgent ? [selectedAgent] : []}
+              suggestions={agentOptions}
+              field="label"
+              multiple
+              maxVisibleChips={1}
+              dropdown
+              forceSelection
+              portal
+              placeholder="All linked agents"
+              onChange={(event: any) => setSelectedAgent(Array.isArray(event.value) ? event.value[0] ?? null : null)}
+            />
+          </label>}
+          <label className="agent-tool-editor__session-search"><span className="sr-only">Find a session</span><Search size={14} /><SolidInput value={sessionSearch} placeholder="Find session or agent…" onChange={(event: any) => setSessionSearch(event.target.value)} /></label>
+        </header>
+        <div className="agent-tool-editor__session-list" role="listbox" aria-label="Sessions">
+          {isLoadingSessions ? <p className="agent-tool-editor__sessions-message">Loading sessions…</p>
+            : sessionsError ? <p className="agent-tool-editor__sessions-message agent-tool-editor__sessions-message--error"><AlertCircle size={15} /> Could not load sessions.</p>
+              : sessions.length === 0 ? <p className="agent-tool-editor__sessions-message">{processId != null ? "No sessions assigned to this process. Older unassigned sessions remain in the Sessions tab." : "No sessions found for linked agents."}</p>
+                : visibleSessions.length === 0 ? <p className="agent-tool-editor__sessions-message">No sessions match this search.</p>
+                : visibleSessions.map((session) => {
+                  const sessionLabel = session.sessionId ?? String(session.id);
+                  const rawStatus = String(session.status ?? "").toLowerCase();
+                  const statusLabel = rawStatus === "active" ? "Idle"
+                    : rawStatus === "awaiting_input" ? "Awaiting input"
+                      : rawStatus === "awaiting_approval" ? "Awaiting approval"
+                        : rawStatus ? rawStatus.replace(/[_-]+/g, " ") : session.endedAt ? "Ended" : "Open";
+                  return <button
+                    type="button"
+                    role="option"
+                    aria-selected={session.id === selectedSessionId}
+                    className={`agent-tool-editor__session-item${session.id === selectedSessionId ? " is-selected" : ""}`}
+                    key={session.id}
+                    onClick={() => setSelectedSessionId(session.id)}
+                    title={sessionLabel}
+                  >
+                    <span className="agent-tool-editor__session-item-id" title={sessionLabel}>{sessionLabel}</span>
+                    <span className="agent-tool-editor__session-item-meta"><span><Clock3 size={12} /> {ago(session.startedAt)}</span><span className={`agent-tool-editor__session-status${rawStatus === "running" ? " is-running" : rawStatus === "active" ? " is-idle" : ""}`}>{statusLabel}</span></span>
+                    {agentId == null && <small>{agentName(session, scopedAgents)}</small>}
+                  </button>;
+                })}
+        </div>
+      </aside>
+
+      <div className="agent-tool-editor__session-events">
+        <header className="agent-tool-editor__events-head">
+          <div className="agent-tool-editor__events-title">
+            <div><div className="agent-tool-editor__heading-with-refresh"><h2>Events</h2><button type="button" className={`agent-tool-editor__refresh${isLoadingEvents ? " is-loading" : ""}`} aria-label="Refresh events" title="Refresh events" disabled={!selectedSessionId || isLoadingEvents} onClick={() => { void eventResult.refetch(); void eventTypesResult.refetch(); }}><RefreshCw size={13} /></button></div><p>{selectedSession ? `${selectedSession.sessionId ?? selectedSession.id} · ${agentName(selectedSession, scopedAgents)}` : "Select a session to inspect its events."}</p></div>
+            <span>{outcomeFilter === "all" ? totalEvents : `${visibleEvents.length} / ${events.length} on page`}</span>
+          </div>
+          <div className="agent-tool-editor__event-filters">
+            <label><span>Event type</span><select value={eventTypeFilter} onChange={(event: React.ChangeEvent<HTMLSelectElement>) => setEventTypeFilter(event.target.value)}>
+              <option value="all">All types</option>{eventTypes.map((eventType) => <option key={eventType} value={eventType}>{eventType}</option>)}
+            </select></label>
+            <label><span>Outcome (current page)</span><select value={outcomeFilter} onChange={(event: React.ChangeEvent<HTMLSelectElement>) => setOutcomeFilter(event.target.value)}>
+              <option value="all">All outcomes</option><option value="success">Success</option><option value="failure">Failure</option>
+            </select></label>
+            <label className="agent-tool-editor__event-search"><span>Search events</span><span className="agent-tool-editor__event-search-control"><Search size={15} /><SolidInput value={eventSearch} placeholder="Search events…" onChange={(event: React.ChangeEvent<HTMLInputElement>) => setEventSearch(event.target.value)} /></span></label>
+            <nav className="agent-tool-editor__event-pagination" aria-label="Event pagination">
+              <div className="solid-paginator-meta flex items-center gap-2">
+                <label className="solid-paginator-label" htmlFor={eventPageSizeId}>Rows</label>
+                <SolidSelect id={eventPageSizeId} value={eventPageSize} className="solid-paginator-select"
+                  options={EVENT_PAGE_SIZE_OPTIONS.map((value) => ({ label: String(value), value }))}
+                  native={false} menuPlacement="bottom" disabled={isLoadingEvents || eventsError}
+                  onChange={({ value }) => { setEventPageSize(Number(value)); setEventPagination({ scope: eventScope, page: 1 }); }} />
+                <span className="solid-paginator-report" aria-live="polite">{isLoadingEvents ? "Loading…" : `${events.length ? eventFirst + 1 : 0} - ${events.length ? Math.min(eventFirst + events.length, totalEvents) : 0} of ${totalEvents}`}</span>
+              </div>
+              <div className="solid-paginator-actions flex items-center gap-2">
+                <button type="button" className="solid-paginator-btn" aria-label="Previous event page" disabled={isLoadingEvents || eventsError || currentEventPage === 1} onClick={() => setEventPagination({ scope: eventScope, page: currentEventPage - 1 })}>Previous</button>
+                <button type="button" className="solid-paginator-btn" aria-label="Next event page" disabled={isLoadingEvents || eventsError || currentEventPage >= eventPageCount} onClick={() => setEventPagination({ scope: eventScope, page: currentEventPage + 1 })}>Next</button>
+              </div>
+            </nav>
+          </div>
+        </header>
+        <div className="agent-tool-editor__events-table-wrap" ref={eventsTableRef}>
+          {isLoadingEvents ? <p className="agent-tool-editor__sessions-message">Loading events…</p>
+            : eventsError ? <p className="agent-tool-editor__sessions-message agent-tool-editor__sessions-message--error"><AlertCircle size={15} /> Could not load events for this session.</p>
+              : !selectedSession ? <p className="agent-tool-editor__sessions-message">Choose a session from the left to view its events.</p>
+                : visibleEvents.length === 0 ? <p className="agent-tool-editor__sessions-message">{events.length ? "No events on this page match the outcome filter." : "No events match these filters."}</p>
+                  : <table className="agent-tool-editor__events-table">
+                    <thead><tr><th>Time</th><th>Event type</th><th>Tool</th><th>Cost</th><th>Tokens</th></tr></thead>
+                    <tbody>{visibleEvents.map((event) => <tr key={event.id} className="agent-tool-editor__event-row"
+                      onClick={(click) => { if (!(click.target as Element).closest("button, a")) setSelectedEventId(event.id); }}>
+                      <td><button type="button" className="agent-tool-editor__event-open" aria-label={`View ${event.eventType || "event"} #${event.id}`} onClick={() => setSelectedEventId(event.id)}>
+                        {event.createdAt ? new Date(event.createdAt).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit", second: "2-digit" }) : "—"}
+                      </button></td>
+                      <td><AgentEventOutcomeListWidget rowData={event} fieldMetadata={{ name: "eventType" } as any} solidListViewMetaData={{}} column={{ attrs: {} }} /></td>
+                      <td>{event.toolName || "—"}</td>
+                      <td>{event.cost == null ? "—" : Number(event.cost).toLocaleString(undefined, { maximumFractionDigits: 6 })}</td>
+                      <td>{event.inputTokens || event.outputTokens ? `${event.inputTokens ?? 0} / ${event.outputTokens ?? 0}` : "—"}</td>
+                    </tr>)}</tbody>
+                  </table>}
+        </div>
+      </div>
+      <SolidDialog open={selectedEventId != null} onOpenChange={(open) => { if (!open) setSelectedEventId(null); }}
+        className="solid-dialog solid-inline-relation-dialog" style={{ width: "min(70rem, 95vw)" }} showHeader={false}>
+        <SolidDialogHeader className="solid-sr-only">
+          <SolidDialogTitle>Event #{selectedEventId}</SolidDialogTitle>
+          <SolidDialogDescription>View the selected event's details and data.</SolidDialogDescription>
+        </SolidDialogHeader>
+        {selectedEventId != null && <React.Suspense fallback={<p className="agent-tool-editor__sessions-message">Loading event…</p>}>
+          <EventFormView key={selectedEventId} moduleName="solid-core" modelName="agentEvent" id={String(selectedEventId)} embeded viewMode="view" handlePopupClose={() => setSelectedEventId(null)} />
+        </React.Suspense>}
+      </SolidDialog>
+    </section>
+  );
+}
+
+export const AgentToolSessionsPanel = AgentSessionsPanel;

package/dist/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteModelRowAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oCAAoC,EAAE,MAAM,oCAAoC,CAAC;AAa1F,QAAA,MAAM,oBAAoB,UAAW,oCAAoC,4CA0HxE,CAAA;AAED,eAAe,oBAAoB,CAAC"}
+{"version":3,"file":"DeleteModelRowAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oCAAoC,EAAE,MAAM,oCAAoC,CAAC;AAqB1F,QAAA,MAAM,oBAAoB,UAAW,oCAAoC,4CA4HxE,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/dist/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.js

@@ -34,91 +34,131 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import { closePopup } from "../../../../../../redux/features/popupSlice";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { useDispatch } from "react-redux";
 import { showToast } from "../../../../../../redux/features/toastSlice";
-import { kebabCase } from "lodash";
-import { createSolidEntityApi } from "../../../../../../redux/api/solidEntityApi";
+import { useApplyDeleteModelMutation, usePreviewDeleteModelMutation } from "../../../../../../redux/api/modelApi";
 import { ERROR_MESSAGES } from "../../../../../../constants/error-messages";
-import { SolidButton, SolidCheckbox } from "../../../../../shad-cn-ui";
+import { SolidButton, SolidCheckbox, SolidSpinner } from "../../../../../shad-cn-ui";
 import { pingBackendAvailability } from "../../../../../../helpers/waitForBackendAvailability";
 import { backendHealthMonitor } from "../../../../../../helpers/backendHealthMonitor";
-var DELETE_MODEL_DIALOG_DISMISS_DELAY_MS = 3000;
+import { Check, Copy } from "lucide-react";
+var displayInventoryItem = function (item) {
+    if (!item.startsWith("/"))
+        return item;
+    var sourceIndex = item.lastIndexOf("/src/");
+    if (sourceIndex >= 0)
+        return item.slice(sourceIndex + 1);
+    return item.split("/").slice(-2).join("/");
+};
 var DeleteModelRowAction = function (event) {
-    var _a = useState(false), isConfirmed = _a[0], setIsConfirmed = _a[1];
-    var _b = useState(false), isApplying = _b[0], setIsApplying = _b[1];
+    var _a, _b, _c;
     var dispatch = useDispatch();
-    var entityApi = createSolidEntityApi(event.params.modelName);
-    var useDeleteSolidEntityMutation = entityApi.useDeleteSolidEntityMutation;
-    var deleteSolidSingleEntiry = useDeleteSolidEntityMutation()[0];
-    var deleteModelHandler = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var res, message, isBackendAvailable, err_1;
-        var _a, _b, _c;
-        return __generator(this, function (_d) {
-            switch (_d.label) {
+    var _d = useState(null), preview = _d[0], setPreview = _d[1];
+    var _e = useState(null), previewError = _e[0], setPreviewError = _e[1];
+    var _f = useState(false), isConfirmed = _f[0], setIsConfirmed = _f[1];
+    var _g = useState(false), copiedDdl = _g[0], setCopiedDdl = _g[1];
+    var _h = usePreviewDeleteModelMutation(), loadPreview = _h[0], isLoadingPreview = _h[1].isLoading;
+    var _j = useApplyDeleteModelMutation(), applyDelete = _j[0], isApplying = _j[1].isLoading;
+    var refreshPreview = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result, error_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
                 case 0:
-                    if (isApplying) {
+                    setPreview(null);
+                    setPreviewError(null);
+                    setIsConfirmed(false);
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, loadPreview(event.rowData.id).unwrap()];
+                case 2:
+                    result = _b.sent();
+                    setPreview(result);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _b.sent();
+                    setPreviewError(((_a = error_1 === null || error_1 === void 0 ? void 0 : error_1.data) === null || _a === void 0 ? void 0 : _a.message) || (error_1 === null || error_1 === void 0 ? void 0 : error_1.error) || ERROR_MESSAGES.ERROR_OCCURED);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () { void refreshPreview(); }, [event.rowData.id]); // eslint-disable-line react-hooks/exhaustive-deps
+    var automaticChanges = (_a = preview === null || preview === void 0 ? void 0 : preview.changes.filter(function (change) { return change.category !== 'Manual follow-up' && change.count > 0; })) !== null && _a !== void 0 ? _a : [];
+    var automaticItemCount = automaticChanges.reduce(function (total, change) { return total + change.count; }, 0);
+    var manualFollowUp = preview === null || preview === void 0 ? void 0 : preview.changes.find(function (change) { return change.category === 'Manual follow-up'; });
+    var tableName = (_c = (_b = manualFollowUp === null || manualFollowUp === void 0 ? void 0 : manualFollowUp.items[0]) === null || _b === void 0 ? void 0 : _b.replace(/ database table$/, '')) !== null && _c !== void 0 ? _c : '';
+    var quotedTableName = tableName.split('.').map(function (part) { return "\"".concat(part.replace(/"/g, '""'), "\""); }).join('.');
+    var dropTableStatement = tableName ? "DROP TABLE IF EXISTS ".concat(quotedTableName, ";") : '';
+    var copyDropStatement = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!dropTableStatement)
                         return [2 /*return*/];
-                    }
-                    setIsApplying(true);
-                    _d.label = 1;
+                    _b.label = 1;
                 case 1:
-                    _d.trys.push([1, 7, 8, 9]);
-                    return [4 /*yield*/, deleteSolidSingleEntiry(event.rowData.id)];
+                    _b.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, navigator.clipboard.writeText(dropTableStatement)];
                 case 2:
-                    res = _d.sent();
-                    if (!res.error) return [3 /*break*/, 3];
-                    message = ((_b = (_a = res.error) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.message) ||
-                        ((_c = res.error) === null || _c === void 0 ? void 0 : _c.error) ||
-                        ERROR_MESSAGES.ERROR_OCCURED;
-                    dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.DELETE_FAIELD, detail: message }));
-                    return [3 /*break*/, 6];
+                    _b.sent();
+                    setCopiedDdl(true);
+                    window.setTimeout(function () { return setCopiedDdl(false); }, 1800);
+                    return [3 /*break*/, 4];
                 case 3:
+                    _a = _b.sent();
+                    setPreviewError('Unable to copy the DROP TABLE statement. Select and copy it manually.');
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var deleteModelHandler = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var isBackendAvailable, error_2, updatedPreview;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!preview || !isConfirmed || isApplying)
+                        return [2 /*return*/];
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 4, , 5]);
+                    return [4 /*yield*/, applyDelete({ id: event.rowData.id, planHash: preview.planHash }).unwrap()];
+                case 2:
+                    _c.sent();
                     dispatch(showToast({ severity: 'success', summary: ERROR_MESSAGES.MODEL_DELETE, detail: ERROR_MESSAGES.MODEL_DELETE_SUCCESSFULLY(event.rowData.singularName) }));
-                    return [4 /*yield*/, new Promise(function (resolve) { return window.setTimeout(resolve, DELETE_MODEL_DIALOG_DISMISS_DELAY_MS); })];
-                case 4:
-                    _d.sent();
                     dispatch(closePopup());
                     return [4 /*yield*/, pingBackendAvailability()];
-                case 5:
-                    isBackendAvailable = _d.sent();
-                    if (isBackendAvailable) {
+                case 3:
+                    isBackendAvailable = _c.sent();
+                    if (isBackendAvailable)
                         backendHealthMonitor.reportSuccess();
+                    else
+                        backendHealthMonitor.reportFailure({ status: "FETCH_ERROR", message: "Unable to reach the server. Reconnecting..." });
+                    return [3 /*break*/, 5];
+                case 4:
+                    error_2 = _c.sent();
+                    updatedPreview = (_a = error_2 === null || error_2 === void 0 ? void 0 : error_2.data) === null || _a === void 0 ? void 0 : _a.preview;
+                    if (updatedPreview) {
+                        setPreview(updatedPreview);
+                        setIsConfirmed(false);
+                        setPreviewError('The inventory changed since it was reviewed. Please review the updated changes and confirm again.');
                     }
                     else {
-                        backendHealthMonitor.reportFailure({
-                            status: "FETCH_ERROR",
-                            message: "Unable to reach the server. Reconnecting...",
-                        });
+                        setPreviewError(((_b = error_2 === null || error_2 === void 0 ? void 0 : error_2.data) === null || _b === void 0 ? void 0 : _b.message) || (error_2 === null || error_2 === void 0 ? void 0 : error_2.error) || ERROR_MESSAGES.NETWORK_OR_SERVER_ERROR);
                     }
-                    _d.label = 6;
-                case 6: return [3 /*break*/, 9];
-                case 7:
-                    err_1 = _d.sent();
-                    console.error("catch error", err_1);
-                    dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.NETWORK_OR_SERVER_ERROR }));
-                    return [3 /*break*/, 9];
-                case 8:
-                    setIsApplying(false);
-                    return [7 /*endfinally*/];
-                case 9: return [2 /*return*/];
+                    return [3 /*break*/, 5];
+                case 5: return [2 /*return*/];
             }
         });
     }); };
-    var rows = [
-        { file: "".concat(kebabCase(event.rowData.singularName), ".entity.ts"), description: 'The TypeORM entity definition for this model. Deleting it removes the model’s schema mapping', intervention: 'Automatic' },
-        { file: "".concat(kebabCase(event.rowData.singularName), ".create.dto.ts"), description: 'DTO defining the payload for creating a new record of this model', intervention: 'Automatic' },
-        { file: "".concat(kebabCase(event.rowData.singularName), ".update.dto.ts"), description: 'DTO defining the payload for updating an existing record of this model', intervention: 'Automatic' },
-        { file: "".concat(kebabCase(event.rowData.singularName), ".repository.ts"), description: 'Custom repository encapsulating database operations for this model', intervention: 'Automatic' },
-        { file: "".concat(kebabCase(event.rowData.singularName), ".service.ts"), description: 'Service layer containing business logic and interactions for this model', intervention: 'Automatic' },
-        { file: "".concat(kebabCase(event.rowData.singularName), ".controller.ts"), description: 'Controller exposing API endpoints related to this model', intervention: 'Automatic' },
-        { file: "".concat(kebabCase(event.rowData.singularName), ".module.ts"), description: 'Module declaration that wires together the controller, service, and repository. All imports and references to the deleted model are removed automatically', intervention: 'Automatic' },
-        { file: "".concat(kebabCase(event.rowData.singularName), "-metadata.json"), description: 'Remove references to this model in the model metadata, menu, action & view sections', intervention: 'Automatic' },
-        { file: '-', description: 'Drop database table. Removes the database table from the DB, this is a very risky step. Best to review all relations to other models etc and then do this manually', intervention: 'Manual (X)', manual: true },
-    ];
-    return (_jsxs("div", { className: "solid-delete-model-popup", children: [_jsx("div", { className: "solid-filter-dialog-head solid-delete-model-popup__head", children: _jsxs("div", { children: [_jsx("h3", { className: "solid-filter-dialog-title", children: "Delete Model" }), _jsx("p", { className: "solid-filter-dialog-subtitle m-0", children: "Review the impacted files carefully before applying this delete action." })] }) }), _jsx("div", { className: "solid-filter-dialog-sep" }), _jsxs("div", { className: "solid-filter-dialog-body solid-delete-model-popup__body", children: [_jsx("p", { className: "solid-delete-model-popup__intro", children: "Deleting a model should be done carefully. The following files will be impacted as part of deleting this model." }), _jsx("div", { className: "solid-delete-model-popup__table-wrap", children: _jsxs("table", { className: "solid-delete-model-popup__table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "File Name" }), _jsx("th", { children: "Description" }), _jsx("th", { children: "Intervention" })] }) }), _jsx("tbody", { children: rows.map(function (row) { return (_jsxs("tr", { children: [_jsx("td", { className: "solid-delete-model-popup__file", children: row.file }), _jsx("td", { children: row.description }), _jsx("td", { className: row.manual ? "solid-delete-model-popup__intervention is-manual" : "solid-delete-model-popup__intervention", children: row.intervention })] }, "".concat(row.file, "-").concat(row.intervention))); }) })] }) }), _jsx("div", { className: "solid-delete-model-popup__confirm", children: _jsx(SolidCheckbox, { id: "delete-model-confirmation", name: "confirm", checked: isConfirmed, onChange: function () { return setIsConfirmed(!isConfirmed); }, label: "I confirm that #9 (drop database table) will be done by me manually after the automatic steps above are applied." }) }), _jsxs("div", { className: "solid-delete-model-popup__actions", children: [_jsx(SolidButton, { size: "small", disabled: !isConfirmed || isApplying, loading: isApplying, autoFocus: true, onClick: deleteModelHandler, children: "Apply" }), _jsx(SolidButton, { size: "small", variant: "outline", disabled: isApplying, onClick: function () { return dispatch(closePopup()); }, children: "Cancel" })] })] })] }));
+    return (_jsxs("div", { className: "solid-delete-model-popup", children: [_jsx("div", { className: "solid-filter-dialog-head solid-delete-model-popup__head", children: _jsxs("div", { children: [_jsxs("h3", { className: "solid-filter-dialog-title", children: ["Delete ", event.rowData.displayName || event.rowData.singularName] }), _jsx("p", { className: "solid-filter-dialog-subtitle m-0", children: "Review the automatic cleanup before deleting this model." })] }) }), _jsx("div", { className: "solid-filter-dialog-sep" }), _jsxs("div", { className: "solid-filter-dialog-body solid-delete-model-popup__body", children: [isLoadingPreview && _jsx("div", { className: "flex justify-center p-4", children: _jsx(SolidSpinner, {}) }), previewError && _jsx("div", { role: "alert", className: "text-sm text-destructive mb-3", children: previewError }), preview && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "solid-delete-model-popup__summary", "aria-label": "Deletion impact summary", children: [_jsxs("div", { children: [_jsx("strong", { children: automaticItemCount }), _jsx("span", { children: "automatic changes" })] }), _jsxs("div", { children: [_jsx("strong", { children: automaticChanges.length }), _jsx("span", { children: "areas affected" })] })] }), _jsxs("div", { className: "solid-delete-model-popup__inventory", "aria-label": "Automatic deletion changes", children: [automaticChanges.map(function (change, index) { return (_jsxs("details", { className: "solid-delete-model-popup__change", children: [_jsxs("summary", { children: [_jsx("span", { className: "solid-delete-model-popup__change-name", children: change.category }), _jsx("span", { className: "solid-delete-model-popup__change-description", children: change.description }), _jsx("span", { className: "solid-delete-model-popup__count", children: change.count })] }), change.items.length > 0 && (_jsx("ul", { className: "solid-delete-model-popup__items", children: change.items.map(function (item, itemIndex) { return _jsx("li", { title: item, children: displayInventoryItem(item) }, "".concat(item, "-").concat(itemIndex)); }) }))] }, "".concat(change.category, "-").concat(index))); }), automaticChanges.length === 0 && _jsx("p", { className: "solid-delete-model-popup__empty", children: "No related automatic cleanup was found." })] }), manualFollowUp && manualFollowUp.count > 0 && (_jsxs("aside", { className: "solid-delete-model-popup__manual", children: [_jsx("strong", { children: "Manual follow-up" }), _jsx("span", { children: manualFollowUp.description }), dropTableStatement && _jsxs("div", { className: "solid-delete-model-popup__ddl", children: [_jsx("code", { children: dropTableStatement }), _jsx("button", { type: "button", className: "solid-delete-model-popup__copy-ddl", onClick: copyDropStatement, "aria-label": copiedDdl ? 'DDL copied' : 'Copy DROP TABLE statement', title: copiedDdl ? 'Copied' : 'Copy SQL', children: copiedDdl ? _jsx(Check, { size: 13 }) : _jsx(Copy, { size: 13 }) })] })] }))] }))] }), _jsx("div", { className: "solid-filter-dialog-sep" }), _jsxs("div", { className: "solid-delete-model-popup__footer", children: [preview && _jsx("div", { className: "solid-delete-model-popup__confirm", children: _jsx(SolidCheckbox, { id: "delete-model-confirmation", name: "confirm", checked: isConfirmed, onChange: function () { return setIsConfirmed(!isConfirmed); }, label: "I reviewed the automatic changes above and understand the database table drop is a separate manual step." }) }), _jsxs("div", { className: "solid-delete-model-popup__actions", children: [_jsx(SolidButton, { size: "small", variant: "destructive", disabled: !preview || !isConfirmed || isApplying || isLoadingPreview, loading: isApplying, autoFocus: true, onClick: deleteModelHandler, children: "Delete model" }), _jsx(SolidButton, { size: "small", variant: "outline", disabled: isApplying, onClick: function () { return dispatch(closePopup()); }, children: "Cancel" })] })] })] }));
 };
 export default DeleteModelRowAction;
 //# sourceMappingURL=DeleteModelRowAction.js.map

package/dist/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeleteModelRowAction.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.tsx"],"names":[],"mappings":"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","sourcesContent":["import { closePopup } from \"../../../../../../redux/features/popupSlice\";\nimport { SolidListRowdataDynamicFunctionProps } from \"../../../../../../types/solid-core\";\nimport { useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../../../../redux/features/toastSlice\";\nimport { kebabCase } from \"lodash\";\nimport { createSolidEntityApi } from \"../../../../../../redux/api/solidEntityApi\";\nimport { ERROR_MESSAGES } from \"../../../../../../constants/error-messages\";\nimport { SolidButton, SolidCheckbox } from \"../../../../../shad-cn-ui\";\nimport { pingBackendAvailability } from \"../../../../../../helpers/waitForBackendAvailability\";\nimport { backendHealthMonitor } from \"../../../../../../helpers/backendHealthMonitor\";\n\nconst DELETE_MODEL_DIALOG_DISMISS_DELAY_MS = 3_000;\n\nconst DeleteModelRowAction = (event: SolidListRowdataDynamicFunctionProps) => {\n    const [isConfirmed, setIsConfirmed] = useState(false);\n    const [isApplying, setIsApplying] = useState(false);\n    const dispatch = useDispatch();\n    const entityApi = createSolidEntityApi(event.params.modelName);\n    const {useDeleteSolidEntityMutation} = entityApi;\n    const [deleteSolidSingleEntiry] = useDeleteSolidEntityMutation()\n\n    const deleteModelHandler = async () => {\n        if (isApplying) {\n            return;\n        }\n\n        setIsApplying(true);\n        try {\n            const res: any = await deleteSolidSingleEntiry(event.rowData.id);\n            \n            // console.log('delete model res', res);\n            if (res.error) {\n                // handle backend or RTK error object\n                const message =\n                    res.error?.data?.message ||\n                    res.error?.error ||\n                    ERROR_MESSAGES.ERROR_OCCURED;\n                dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.DELETE_FAIELD, detail: message }));\n            } else {\n                dispatch(showToast({ severity: 'success', summary: ERROR_MESSAGES.MODEL_DELETE, detail: ERROR_MESSAGES.MODEL_DELETE_SUCCESSFULLY(event.rowData.singularName) }));\n                await new Promise((resolve) => window.setTimeout(resolve, DELETE_MODEL_DIALOG_DISMISS_DELAY_MS));\n                dispatch(closePopup());\n\n                const isBackendAvailable = await pingBackendAvailability();\n                if (isBackendAvailable) {\n                    backendHealthMonitor.reportSuccess();\n                } else {\n                    backendHealthMonitor.reportFailure({\n                        status: \"FETCH_ERROR\",\n                        message: \"Unable to reach the server. Reconnecting...\",\n                    });\n                }\n            }\n        } catch (err: any) {\n            console.error(\"catch error\", err);\n            dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.NETWORK_OR_SERVER_ERROR }));\n        } finally {\n            setIsApplying(false);\n        }\n    }\n\n    const rows = [\n        { file: `${kebabCase(event.rowData.singularName)}.entity.ts`, description: 'The TypeORM entity definition for this model. Deleting it removes the model’s schema mapping', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.create.dto.ts`, description: 'DTO defining the payload for creating a new record of this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.update.dto.ts`, description: 'DTO defining the payload for updating an existing record of this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.repository.ts`, description: 'Custom repository encapsulating database operations for this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.service.ts`, description: 'Service layer containing business logic and interactions for this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.controller.ts`, description: 'Controller exposing API endpoints related to this model', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}.module.ts`, description: 'Module declaration that wires together the controller, service, and repository. All imports and references to the deleted model are removed automatically', intervention: 'Automatic' },\n        { file: `${kebabCase(event.rowData.singularName)}-metadata.json`, description: 'Remove references to this model in the model metadata, menu, action & view sections', intervention: 'Automatic' },\n        { file: '-', description: 'Drop database table. Removes the database table from the DB, this is a very risky step. Best to review all relations to other models etc and then do this manually', intervention: 'Manual (X)', manual: true },\n    ];\n\n\n\n    return (\n        <div className=\"solid-delete-model-popup\">\n            <div className=\"solid-filter-dialog-head solid-delete-model-popup__head\">\n                <div>\n                    <h3 className=\"solid-filter-dialog-title\">Delete Model</h3>\n                    <p className=\"solid-filter-dialog-subtitle m-0\">\n                        Review the impacted files carefully before applying this delete action.\n                    </p>\n                </div>\n            </div>\n            <div className=\"solid-filter-dialog-sep\" />\n            <div className=\"solid-filter-dialog-body solid-delete-model-popup__body\">\n                <p className=\"solid-delete-model-popup__intro\">\n                    Deleting a model should be done carefully. The following files will be impacted as part of deleting this model.\n                </p>\n\n                <div className=\"solid-delete-model-popup__table-wrap\">\n                    <table className=\"solid-delete-model-popup__table\">\n                        <thead>\n                            <tr>\n                                <th>File Name</th>\n                                <th>Description</th>\n                                <th>Intervention</th>\n                            </tr>\n                        </thead>\n                        <tbody>\n                            {rows.map((row) => (\n                                <tr key={`${row.file}-${row.intervention}`}>\n                                    <td className=\"solid-delete-model-popup__file\">{row.file}</td>\n                                    <td>{row.description}</td>\n                                    <td className={row.manual ? \"solid-delete-model-popup__intervention is-manual\" : \"solid-delete-model-popup__intervention\"}>\n                                        {row.intervention}\n                                    </td>\n                                </tr>\n                            ))}\n                        </tbody>\n                    </table>\n                </div>\n\n                <div className=\"solid-delete-model-popup__confirm\">\n                    <SolidCheckbox\n                        id=\"delete-model-confirmation\"\n                        name=\"confirm\"\n                        checked={isConfirmed}\n                        onChange={() => setIsConfirmed(!isConfirmed)}\n                        label=\"I confirm that #9 (drop database table) will be done by me manually after the automatic steps above are applied.\"\n                    />\n                </div>\n\n                <div className=\"solid-delete-model-popup__actions\">\n                    <SolidButton size=\"small\" disabled={!isConfirmed || isApplying} loading={isApplying} autoFocus onClick={deleteModelHandler}>\n                        Apply\n                    </SolidButton>\n                    <SolidButton size=\"small\" variant=\"outline\" disabled={isApplying} onClick={() => dispatch(closePopup())}>\n                        Cancel\n                    </SolidButton>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default DeleteModelRowAction;\n"]}
+{"version":3,"file":"DeleteModelRowAction.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.tsx"],"names":[],"mappings":"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","sourcesContent":["import { closePopup } from \"../../../../../../redux/features/popupSlice\";\nimport { SolidListRowdataDynamicFunctionProps } from \"../../../../../../types/solid-core\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../../../../redux/features/toastSlice\";\nimport { useApplyDeleteModelMutation, usePreviewDeleteModelMutation } from \"../../../../../../redux/api/modelApi\";\nimport { ERROR_MESSAGES } from \"../../../../../../constants/error-messages\";\nimport { SolidButton, SolidCheckbox, SolidSpinner } from \"../../../../../shad-cn-ui\";\nimport { pingBackendAvailability } from \"../../../../../../helpers/waitForBackendAvailability\";\nimport { backendHealthMonitor } from \"../../../../../../helpers/backendHealthMonitor\";\nimport { Check, Copy } from \"lucide-react\";\n\ntype DeleteChange = { category: string; description: string; count: number; items: string[] };\ntype DeletePreview = { model: { id: number; singularName: string; displayName: string }; planHash: string; changes: DeleteChange[] };\n\nconst displayInventoryItem = (item: string) => {\n    if (!item.startsWith(\"/\")) return item;\n    const sourceIndex = item.lastIndexOf(\"/src/\");\n    if (sourceIndex >= 0) return item.slice(sourceIndex + 1);\n    return item.split(\"/\").slice(-2).join(\"/\");\n};\n\nconst DeleteModelRowAction = (event: SolidListRowdataDynamicFunctionProps) => {\n    const dispatch = useDispatch();\n    const [preview, setPreview] = useState<DeletePreview | null>(null);\n    const [previewError, setPreviewError] = useState<string | null>(null);\n    const [isConfirmed, setIsConfirmed] = useState(false);\n    const [copiedDdl, setCopiedDdl] = useState(false);\n    const [loadPreview, { isLoading: isLoadingPreview }] = usePreviewDeleteModelMutation();\n    const [applyDelete, { isLoading: isApplying }] = useApplyDeleteModelMutation();\n\n    const refreshPreview = async () => {\n        setPreview(null);\n        setPreviewError(null);\n        setIsConfirmed(false);\n        try {\n            const result = await loadPreview(event.rowData.id).unwrap();\n            setPreview(result as DeletePreview);\n        } catch (error: any) {\n            setPreviewError(error?.data?.message || error?.error || ERROR_MESSAGES.ERROR_OCCURED);\n        }\n    };\n\n    useEffect(() => { void refreshPreview(); }, [event.rowData.id]); // eslint-disable-line react-hooks/exhaustive-deps\n\n    const automaticChanges = preview?.changes.filter(change => change.category !== 'Manual follow-up' && change.count > 0) ?? [];\n    const automaticItemCount = automaticChanges.reduce((total, change) => total + change.count, 0);\n    const manualFollowUp = preview?.changes.find(change => change.category === 'Manual follow-up');\n    const tableName = manualFollowUp?.items[0]?.replace(/ database table$/, '') ?? '';\n    const quotedTableName = tableName.split('.').map(part => `\"${part.replace(/\"/g, '\"\"')}\"`).join('.');\n    const dropTableStatement = tableName ? `DROP TABLE IF EXISTS ${quotedTableName};` : '';\n\n    const copyDropStatement = async () => {\n        if (!dropTableStatement) return;\n        try {\n            await navigator.clipboard.writeText(dropTableStatement);\n            setCopiedDdl(true);\n            window.setTimeout(() => setCopiedDdl(false), 1800);\n        } catch {\n            setPreviewError('Unable to copy the DROP TABLE statement. Select and copy it manually.');\n        }\n    };\n\n    const deleteModelHandler = async () => {\n        if (!preview || !isConfirmed || isApplying) return;\n        try {\n            await applyDelete({ id: event.rowData.id, planHash: preview.planHash }).unwrap();\n            dispatch(showToast({ severity: 'success', summary: ERROR_MESSAGES.MODEL_DELETE, detail: ERROR_MESSAGES.MODEL_DELETE_SUCCESSFULLY(event.rowData.singularName) }));\n            dispatch(closePopup());\n            const isBackendAvailable = await pingBackendAvailability();\n            if (isBackendAvailable) backendHealthMonitor.reportSuccess();\n            else backendHealthMonitor.reportFailure({ status: \"FETCH_ERROR\", message: \"Unable to reach the server. Reconnecting...\" });\n        } catch (error: any) {\n            const updatedPreview = error?.data?.preview as DeletePreview | undefined;\n            if (updatedPreview) {\n                setPreview(updatedPreview);\n                setIsConfirmed(false);\n                setPreviewError('The inventory changed since it was reviewed. Please review the updated changes and confirm again.');\n            } else {\n                setPreviewError(error?.data?.message || error?.error || ERROR_MESSAGES.NETWORK_OR_SERVER_ERROR);\n            }\n        }\n    };\n\n    return (\n        <div className=\"solid-delete-model-popup\">\n            <div className=\"solid-filter-dialog-head solid-delete-model-popup__head\">\n                <div>\n                    <h3 className=\"solid-filter-dialog-title\">Delete {event.rowData.displayName || event.rowData.singularName}</h3>\n                    <p className=\"solid-filter-dialog-subtitle m-0\">Review the automatic cleanup before deleting this model.</p>\n                </div>\n            </div>\n            <div className=\"solid-filter-dialog-sep\" />\n            <div className=\"solid-filter-dialog-body solid-delete-model-popup__body\">\n                {isLoadingPreview && <div className=\"flex justify-center p-4\"><SolidSpinner /></div>}\n                {previewError && <div role=\"alert\" className=\"text-sm text-destructive mb-3\">{previewError}</div>}\n                {preview && (\n                    <>\n                    <div className=\"solid-delete-model-popup__summary\" aria-label=\"Deletion impact summary\">\n                        <div><strong>{automaticItemCount}</strong><span>automatic changes</span></div>\n                        <div><strong>{automaticChanges.length}</strong><span>areas affected</span></div>\n                    </div>\n                    <div className=\"solid-delete-model-popup__inventory\" aria-label=\"Automatic deletion changes\">\n                        {automaticChanges.map((change, index) => (\n                            <details className=\"solid-delete-model-popup__change\" key={`${change.category}-${index}`}>\n                                <summary>\n                                    <span className=\"solid-delete-model-popup__change-name\">{change.category}</span>\n                                    <span className=\"solid-delete-model-popup__change-description\">{change.description}</span>\n                                    <span className=\"solid-delete-model-popup__count\">{change.count}</span>\n                                </summary>\n                                {change.items.length > 0 && (\n                                    <ul className=\"solid-delete-model-popup__items\">\n                                        {change.items.map((item, itemIndex) => <li key={`${item}-${itemIndex}`} title={item}>{displayInventoryItem(item)}</li>)}\n                                    </ul>\n                                )}\n                            </details>\n                        ))}\n                        {automaticChanges.length === 0 && <p className=\"solid-delete-model-popup__empty\">No related automatic cleanup was found.</p>}\n                    </div>\n                    {manualFollowUp && manualFollowUp.count > 0 && (\n                        <aside className=\"solid-delete-model-popup__manual\">\n                            <strong>Manual follow-up</strong>\n                            <span>{manualFollowUp.description}</span>\n                            {dropTableStatement && <div className=\"solid-delete-model-popup__ddl\">\n                                <code>{dropTableStatement}</code>\n                                <button type=\"button\" className=\"solid-delete-model-popup__copy-ddl\" onClick={copyDropStatement} aria-label={copiedDdl ? 'DDL copied' : 'Copy DROP TABLE statement'} title={copiedDdl ? 'Copied' : 'Copy SQL'}>\n                                    {copiedDdl ? <Check size={13} /> : <Copy size={13} />}\n                                </button>\n                            </div>}\n                        </aside>\n                    )}\n                    </>\n                )}\n            </div>\n            <div className=\"solid-filter-dialog-sep\" />\n            <div className=\"solid-delete-model-popup__footer\">\n                {preview && <div className=\"solid-delete-model-popup__confirm\">\n                    <SolidCheckbox id=\"delete-model-confirmation\" name=\"confirm\" checked={isConfirmed} onChange={() => setIsConfirmed(!isConfirmed)} label=\"I reviewed the automatic changes above and understand the database table drop is a separate manual step.\" />\n                </div>}\n                <div className=\"solid-delete-model-popup__actions\">\n                    <SolidButton size=\"small\" variant=\"destructive\" disabled={!preview || !isConfirmed || isApplying || isLoadingPreview} loading={isApplying} autoFocus onClick={deleteModelHandler}>Delete model</SolidButton>\n                    <SolidButton size=\"small\" variant=\"outline\" disabled={isApplying} onClick={() => dispatch(closePopup())}>Cancel</SolidButton>\n                </div>\n            </div>\n        </div>\n    );\n};\n\nexport default DeleteModelRowAction;\n"]}