ltcai 4.7.0 → 4.7.2

package/frontend/src/App.tsx

@@ -9,6 +9,7 @@ import {
   Download,
   Eye,
   ImagePlus,
+  ListFilter,
   RotateCcw,
   Search,
   Send,
@@ -16,7 +17,7 @@ import {
   ShieldCheck,
   Users,
 } from "lucide-react";
-import { latticeApi, type ApiResult } from "@/api/client";
+import { latticeApi, type AdminAuditFilters, type ApiResult } from "@/api/client";
 import { Button } from "@/components/ui/button";
 import { type BrainState, LivingBrain, triggerBrainRecall } from "@/components/LivingBrain";
 import { ProductFlow, readProductFlowComplete } from "@/components/ProductFlow";
@@ -25,6 +26,7 @@ import { asArray } from "@/lib/utils";
 
 type ApiRecord = Record<string, unknown>;
 type BrainDepth = 1 | 2 | 3 | 4 | 5;
+type AdminFilterState = Required<Pick<AdminAuditFilters, "q" | "actor" | "action" | "severity">> & { limit: number };
 
 type Message = {
   role: "user" | "assistant";
@@ -159,6 +161,7 @@ function BrainHome({
   const [explorationDepth, setExplorationDepth] = React.useState<BrainDepth>(1);
   const [graphSearch, setGraphSearch] = React.useState("");
   const [selectedGraphId, setSelectedGraphId] = React.useState<string | null>(null);
+  const [memoryFeedback, setMemoryFeedback] = React.useState<string | null>(null);
   const streamRef = React.useRef<HTMLDivElement>(null);
   const recallTimerRef = React.useRef<number | null>(null);
 
@@ -210,6 +213,7 @@ function BrainHome({
     setDraft("");
     setImageData(null);
     setStreaming(true);
+    setMemoryFeedback(null);
     onBrainChange("thinking", 0.96);
 
     try {
@@ -238,6 +242,8 @@ function BrainHome({
           next[next.length - 1] = { role: "assistant", content: `Unavailable: ${result.error}` };
           return next;
         });
+      } else {
+        setMemoryFeedback(`기억에 저장됨 · 연결된 주제 ${knowledgeConcepts.length}개 · 관련 기억 ${memoryFragments.length}개`);
       }
     } finally {
       setStreaming(false);
@@ -257,6 +263,13 @@ function BrainHome({
     });
   }
 
+  function jumpToDepth(next: BrainDepth) {
+    setExplorationDepth(next);
+    const nextDepth = DEPTHS[next - 1];
+    onBrainChange(nextDepth.state, next === 1 ? 0.58 : 0.66 + next * 0.06);
+    if (next >= 2) triggerBrainRecall();
+  }
+
   function surface() {
     setExplorationDepth(1);
     setSelectedGraphId(null);
@@ -269,7 +282,7 @@ function BrainHome({
     setExplorationDepth((depth) => Math.max(depth, 2) as BrainDepth);
     setMessages((items) => [
       ...items,
-      { role: "assistant", content: `I am recalling ${fragment.kind.toLowerCase()}: ${fragment.title}` },
+      { role: "assistant", content: `기억을 다시 꺼냈습니다: ${fragment.title}` },
     ]);
   }
 
@@ -291,6 +304,13 @@ function BrainHome({
             <strong>{currentDepth.label}</strong>
           </div>
 
+          <div className="brain-depth-actions" aria-label="Brain quick views">
+            <button type="button" className={explorationDepth === 2 ? "is-active" : ""} onClick={() => jumpToDepth(2)}>기억 보기</button>
+            <button type="button" className={explorationDepth === 3 ? "is-active" : ""} onClick={() => jumpToDepth(3)}>주제 보기</button>
+            <button type="button" className={explorationDepth === 4 ? "is-active" : ""} onClick={() => jumpToDepth(4)}>관계 보기</button>
+            <button type="button" className={explorationDepth === 5 ? "is-active" : ""} onClick={() => jumpToDepth(5)}>그래프로 보기</button>
+          </div>
+
           <div className="brain-field-layer" aria-hidden={explorationDepth < 2}>
             <DepthEmergence
               depth={explorationDepth}
@@ -333,12 +353,17 @@ function BrainHome({
         </div>
 
         <div ref={streamRef} className="brain-stream">
+          <BrainOverviewPanel
+            memories={memoryFragments}
+            concepts={knowledgeConcepts}
+            onOpenDepth={jumpToDepth}
+          />
           {messages.length === 0 ? (
             <div className="mind-empty">
-              <div className="mind-empty-kicker">Your durable context</div>
-              <div className="mind-empty-title">Start with what should not be forgotten.</div>
+              <div className="mind-empty-kicker">내 오래가는 기억</div>
+              <div className="mind-empty-title">잊으면 안 되는 일부터 말해 주세요.</div>
               <p>
-                Lattice keeps your documents, conversations, projects, and decisions available while models can change around them.
+                문서, 대화, 프로젝트, 결정이 Brain에 쌓이고 나중에 주제와 관계로 다시 보입니다.
               </p>
               <div className="mind-empty-prompts" aria-label="Starter prompts">
                 {STARTER_PROMPTS.map((prompt) => (
@@ -357,6 +382,8 @@ function BrainHome({
           )}
         </div>
 
+        {memoryFeedback ? <div className="brain-save-feedback" role="status">{memoryFeedback}</div> : null}
+
         <BrainCarePanel />
 
         <div className="brain-composer">
@@ -398,14 +425,8 @@ function BrainHome({
 
 function AdminConsole({ onBack }: { onBack: () => void }) {
   const qc = useQueryClient();
-  const summaryQ = useQuery({ queryKey: ["adminSummary"], queryFn: latticeApi.adminSummary });
-  const statsQ = useQuery({ queryKey: ["adminStats"], queryFn: latticeApi.adminStats });
-  const usersQ = useQuery({ queryKey: ["adminUsers"], queryFn: latticeApi.adminUsers });
-  const auditQ = useQuery({ queryKey: ["adminAudit"], queryFn: latticeApi.adminAudit });
-  const securityQ = useQuery({ queryKey: ["adminSecurity"], queryFn: latticeApi.adminSecurity });
-  const securityEventsQ = useQuery({ queryKey: ["adminSecurityEvents"], queryFn: () => latticeApi.adminSecurityEvents(50) });
-  const policiesQ = useQuery({ queryKey: ["adminPolicies"], queryFn: latticeApi.adminPolicies });
-  const indexQ = useQuery({ queryKey: ["indexStatus"], queryFn: latticeApi.indexStatus });
+  const [filters, setFilters] = React.useState<AdminFilterState>({ q: "", actor: "", action: "", severity: "", limit: 50 });
+  const { summaryQ, statsQ, usersQ, auditQ, securityQ, securityEventsQ, policiesQ, rolesQ, retentionQ, indexQ } = useAdminConsoleData(filters);
   const rebuildIndex = useMutation({
     mutationFn: latticeApi.rebuildIndex,
     onSuccess: () => void qc.invalidateQueries({ queryKey: ["indexStatus"] }),
@@ -415,6 +436,8 @@ function AdminConsole({ onBack }: { onBack: () => void }) {
   const auditEvents = asArray((auditQ.data?.data as ApiRecord | undefined)?.recent_events);
   const securityEvents = asArray((securityEventsQ.data?.data as ApiRecord | undefined)?.events);
   const policies = asArray((policiesQ.data?.data as ApiRecord | undefined)?.policies);
+  const roles = asArray((rolesQ.data?.data as ApiRecord | undefined)?.roles);
+  const retention = (retentionQ.data?.data || {}) as ApiRecord;
 
   return (
     <main className="admin-console" aria-label="Lattice Admin">
@@ -469,7 +492,24 @@ function AdminConsole({ onBack }: { onBack: () => void }) {
           />
         </AdminPanel>
 
+        <AdminPanel title="Role Permissions" eyebrow="Access">
+          <AdminList
+            items={roles.slice(0, 6)}
+            empty="No role matrix reported."
+            render={(item) => {
+              const role = item as ApiRecord;
+              return (
+                <>
+                  <strong>{stringValue(role.role, "role")} · {stringValue(role.members, "0")} users</strong>
+                  <span>{asArray(role.caps).slice(0, 4).map((cap) => stringValue(cap, "")).filter(Boolean).join(", ") || "No caps"}</span>
+                </>
+              );
+            }}
+          />
+        </AdminPanel>
+
         <AdminPanel title="Activity Logs" eyebrow="Audit">
+          <AdminLogFilters filters={filters} onChange={setFilters} matched={(auditQ.data?.data as ApiRecord | undefined)?.filters as ApiRecord | undefined} />
           <AdminList
             items={auditEvents.slice(0, 8)}
             empty="No recent audit events."
@@ -499,16 +539,82 @@ function AdminConsole({ onBack }: { onBack: () => void }) {
           <div className="admin-policy-strip">
             {policies.slice(0, 5).map((item, index) => {
               const policy = item as ApiRecord;
-              return <span key={`${stringValue(policy.id || policy.name, "policy")}-${index}`}>{stringValue(policy.name || policy.id, "Policy")}</span>;
+              return <span key={`${stringValue(policy.id || policy.name, "policy")}-${index}`}>{stringValue(policy.label || policy.name || policy.id, "Policy")}</span>;
             })}
             {!policies.length ? <span>Policy API quiet</span> : null}
           </div>
+          <div className="admin-retention">
+            <strong>{stringValue(retention.retention_days, "90")} day retention</strong>
+            <span>{stringValue(retention.retained_events, "0")} retained · {stringValue(retention.prune_candidates, "0")} ready for export/prune review</span>
+          </div>
         </AdminPanel>
       </section>
     </main>
   );
 }
 
+function useAdminConsoleData(filters: AdminFilterState) {
+  const auditFilters = React.useMemo<AdminAuditFilters>(() => ({
+    q: filters.q || undefined,
+    actor: filters.actor || undefined,
+    action: filters.action || undefined,
+    severity: filters.severity || undefined,
+    limit: filters.limit,
+  }), [filters]);
+
+  return {
+    summaryQ: useQuery({ queryKey: ["adminSummary"], queryFn: latticeApi.adminSummary }),
+    statsQ: useQuery({ queryKey: ["adminStats"], queryFn: latticeApi.adminStats }),
+    usersQ: useQuery({ queryKey: ["adminUsers"], queryFn: latticeApi.adminUsers }),
+    auditQ: useQuery({ queryKey: ["adminAudit", auditFilters], queryFn: () => latticeApi.adminAudit(auditFilters) }),
+    securityQ: useQuery({ queryKey: ["adminSecurity"], queryFn: latticeApi.adminSecurity }),
+    securityEventsQ: useQuery({ queryKey: ["adminSecurityEvents"], queryFn: () => latticeApi.adminSecurityEvents(50) }),
+    policiesQ: useQuery({ queryKey: ["adminPolicies"], queryFn: latticeApi.adminPolicies }),
+    rolesQ: useQuery({ queryKey: ["adminRoles"], queryFn: latticeApi.adminRoles }),
+    retentionQ: useQuery({ queryKey: ["adminLogRetention"], queryFn: latticeApi.adminLogRetention }),
+    indexQ: useQuery({ queryKey: ["indexStatus"], queryFn: latticeApi.indexStatus }),
+  };
+}
+
+function AdminLogFilters({
+  filters,
+  matched,
+  onChange,
+}: {
+  filters: AdminFilterState;
+  matched?: ApiRecord;
+  onChange: React.Dispatch<React.SetStateAction<AdminFilterState>>;
+}) {
+  return (
+    <div className="admin-log-filters" aria-label="Audit log filters">
+      <label>
+        <Search className="h-3.5 w-3.5" />
+        <input
+          value={filters.q}
+          onChange={(event) => onChange((current) => ({ ...current, q: event.target.value }))}
+          placeholder="Search logs"
+          aria-label="Search audit logs"
+        />
+      </label>
+      <label>
+        <ListFilter className="h-3.5 w-3.5" />
+        <select
+          value={filters.severity}
+          onChange={(event) => onChange((current) => ({ ...current, severity: event.target.value }))}
+          aria-label="Filter by severity"
+        >
+          <option value="">All severities</option>
+          <option value="informational">Informational</option>
+          <option value="notice">Notice</option>
+          <option value="warning">Warning</option>
+          <option value="high">High</option>
+        </select>
+      </label>
+      <span>{stringValue(matched?.matched_events, "0")} matched</span>
+    </div>
+  );
+}
+
 function AdminMetric({ icon, label, value, detail }: { icon: React.ReactNode; label: string; value: string; detail: string }) {
   return (
     <div className="admin-metric">
@@ -757,6 +863,75 @@ function DepthEmergence({
   );
 }
 
+function BrainOverviewPanel({
+  memories,
+  concepts,
+  onOpenDepth,
+}: {
+  memories: MemoryFragment[];
+  concepts: KnowledgeConcept[];
+  onOpenDepth: (depth: BrainDepth) => void;
+}) {
+  const recent = memories.slice(0, 3);
+  const older = memories.slice(3, 6);
+  const topics = concepts.slice(0, 4);
+
+  return (
+    <section className="brain-overview-panel" aria-label="Brain overview">
+      <div className="brain-overview-head">
+        <div>
+          <span>Brain 한눈에 보기</span>
+          <strong>기억과 주제를 바로 확인하세요.</strong>
+        </div>
+        <button type="button" onClick={() => onOpenDepth(5)}>전체 그래프</button>
+      </div>
+      <div className="brain-overview-grid">
+        <BrainOverviewColumn
+          title="최근 기억"
+          empty="아직 최근 기억이 없습니다."
+          items={recent.map((memory) => memory.title)}
+          onOpen={() => onOpenDepth(2)}
+        />
+        <BrainOverviewColumn
+          title="이전 기억"
+          empty="대화가 쌓이면 과거 기억이 보입니다."
+          items={older.map((memory) => memory.title)}
+          onOpen={() => onOpenDepth(2)}
+        />
+        <BrainOverviewColumn
+          title="주요 주제"
+          empty="주제가 형성되는 중입니다."
+          items={topics.map((concept) => concept.label)}
+          onOpen={() => onOpenDepth(3)}
+        />
+      </div>
+    </section>
+  );
+}
+
+function BrainOverviewColumn({
+  title,
+  empty,
+  items,
+  onOpen,
+}: {
+  title: string;
+  empty: string;
+  items: string[];
+  onOpen: () => void;
+}) {
+  return (
+    <button type="button" className="brain-overview-column" onClick={onOpen}>
+      <span>{title}</span>
+      {items.length ? (
+        items.slice(0, 3).map((item) => <strong key={item}>{item}</strong>)
+      ) : (
+        <em>{empty}</em>
+      )}
+    </button>
+  );
+}
+
 function MemoryLayer({
   memories,
   depth,
@@ -945,9 +1120,10 @@ function EmergentKnowledgeGraph({
             <span>{selected.type}</span>
             <strong>{selected.label}</strong>
             <p>{selected.summary || "This concept is part of the deepest knowledge layer."}</p>
+            <p>대화와 문서에서 함께 나온 내용이 선으로 이어집니다.</p>
           </>
         ) : (
-          <p>Capture documents, conversations, or projects to grow the graph.</p>
+          <p>대화, 문서, 프로젝트를 쌓으면 Brain 그래프가 자랍니다.</p>
         )}
       </div>
     </section>

package/frontend/src/api/client.ts

@@ -12,6 +12,13 @@ export type ApiResult<T = unknown> = {
 
 type HttpMethod = "GET" | "POST" | "PATCH" | "DELETE";
 type Query = Record<string, string | number | boolean | null | undefined>;
+export type AdminAuditFilters = {
+  q?: string;
+  actor?: string;
+  action?: string;
+  severity?: string;
+  limit?: number;
+};
 
 const TIMEOUT_MS = 10_000;
 const clients = new Map<string, ReturnType<typeof createClient<paths>>>();
@@ -419,9 +426,10 @@ export const latticeApi = {
   adminSummary: () => get("/admin/summary", {}),
   adminStats: () => get("/admin/stats", {}),
   adminUsers: () => get("/admin/users", []),
-  adminAudit: () => get("/admin/audit", { recent_events: [] }),
+  adminAudit: (filters?: AdminAuditFilters) => get("/admin/audit", { recent_events: [], filters: {} }, filters),
   adminRoles: () => get("/admin/roles", { roles: [] }),
   adminPolicies: () => get("/admin/policies", { policies: [] }),
+  adminLogRetention: () => get("/admin/log-retention", {}),
   adminProductHardening: () => get("/admin/product-hardening", {}),
   adminSecurity: () => get("/admin/security/overview", {}),
   adminSecurityEvents: (limit = 50) => get("/admin/security/events", { events: [] }, { limit }),