@autobe/ui 0.29.2 → 0.30.0

package/src/components/AutoBeUserMessageMovie.tsx

@@ -1,9 +1,9 @@
-import { AutoBeUserMessageContent } from "@autobe/interface";
+import { AutoBeUserConversateContent } from "@autobe/interface";
 
 import ChatBubble from "./common/ChatBubble";
 
 interface IAutoBeUserMessageHistoryMovieProps {
-  message: Array<AutoBeUserMessageContent>;
+  message: Array<AutoBeUserConversateContent>;
 }
 
 export const AutoBeUserMessageMovie = (

package/src/components/common/ChatBubble.tsx

@@ -1,4 +1,4 @@
-import { AutoBeUserMessageContent } from "@autobe/interface";
+import { AutoBeUserConversateContent } from "@autobe/interface";
 
 import { formatTime } from "../../utils/time";
 import { OpenAIContent } from "./openai";
@@ -6,7 +6,7 @@ import { OpenAIContent } from "./openai";
 /** Props interface for ChatBubble component */
 export interface IChatBubbleProps {
   /** Message content - supports text, audio, file, and image types */
-  content: Array<AutoBeUserMessageContent | string>;
+  content: Array<AutoBeUserConversateContent | string>;
 
   /** Direction of the chat bubble - left or right */
   direction: "left" | "right";

package/src/components/common/openai/OpenAIContent.tsx

@@ -1,4 +1,4 @@
-import { AutoBeUserMessageContent } from "@autobe/interface";
+import { AutoBeUserConversateContent } from "@autobe/interface";
 
 import { OpenAIUserAudioContent } from "./OpenAIUserAudioContent";
 import { OpenAIUserFileContent } from "./OpenAIUserFileContent";
@@ -6,7 +6,7 @@ import { OpenAIUserImageContent } from "./OpenAIUserImageContent";
 import { OpenAIUserTextContent } from "./OpenAIUserTextContent";
 
 export interface IOpenAIUserContentProps {
-  content: Array<AutoBeUserMessageContent | string>;
+  content: Array<AutoBeUserConversateContent | string>;
 }
 
 export const OpenAIContent = (props: IOpenAIUserContentProps) => {
@@ -14,7 +14,7 @@ export const OpenAIContent = (props: IOpenAIUserContentProps) => {
 
   /** Renders a single content item */
   const renderSingleContent = (
-    item: AutoBeUserMessageContent | string,
+    item: AutoBeUserConversateContent | string,
     index: number,
   ) => {
     if (typeof item === "string") {

package/src/components/common/openai/OpenAIUserAudioContent.tsx

@@ -6,7 +6,7 @@ export const OpenAIUserAudioContent = ({
 }: {
   content: AutoBeUserMessageAudioContent;
 }) => {
-  const isRight = true; // UserContent는 항상 오른쪽
+  const isRight = true;
 
   return (
     <div

package/src/components/common/openai/OpenAIUserFileContent.tsx

@@ -6,7 +6,7 @@ export const OpenAIUserFileContent = ({
 }: {
   content: AutoBeUserMessageFileContent;
 }) => {
-  const isRight = true; // UserContent는 항상 오른쪽
+  const isRight = true;
   const fileName =
     content.file.type === "base64"
       ? content.file.name

package/src/components/common/openai/OpenAIUserImageContent.tsx

@@ -1,10 +1,10 @@
-import { AutoBeUserMessageImageContent } from "@autobe/interface";
+import { AutoBeUserImageConversateContent } from "@autobe/interface";
 
 /** Image content renderer component for OpenAI messages */
 export const OpenAIUserImageContent = ({
   content,
 }: {
-  content: AutoBeUserMessageImageContent;
+  content: AutoBeUserImageConversateContent;
 }) => {
   const imgSrc =
     content.image.type === "url" ? content.image.url : content.image.data;

package/src/components/events/AutoBeCompleteEventMovie.tsx

@@ -1,7 +1,7 @@
 import {
   AutoBeAnalyzeCompleteEvent,
+  AutoBeDatabaseCompleteEvent,
   AutoBeInterfaceCompleteEvent,
-  AutoBePrismaCompleteEvent,
   AutoBeRealizeCompleteEvent,
   AutoBeTestCompleteEvent,
   IAutoBeGetFilesOptions,
@@ -19,7 +19,7 @@ export interface IAutoBeCompleteEventMovieProps {
   ) => Promise<Record<string, string>>;
   event:
     | AutoBeAnalyzeCompleteEvent
-    | AutoBePrismaCompleteEvent
+    | AutoBeDatabaseCompleteEvent
     | AutoBeInterfaceCompleteEvent
     | AutoBeTestCompleteEvent
     | AutoBeRealizeCompleteEvent;
@@ -307,7 +307,7 @@ function getTitle(
   switch (event.type) {
     case "analyzeComplete":
       return "Analyze";
-    case "prismaComplete":
+    case "databaseComplete":
       if (event.compiled.type !== "success") return "Prisma (Error)";
       return "Prisma";
     case "interfaceComplete":
@@ -326,12 +326,12 @@ const getMessage = (
   openStackBlitz: () => void,
   event: IAutoBeCompleteEventMovieProps["event"],
 ) => {
-  if (event.type === "prismaComplete" && event.compiled.type === "failure")
+  if (event.type === "databaseComplete" && event.compiled.type === "failure")
     return (
       <>
         <br />
         <br />
-        Succeeded to compose <code>AutoBePrisma.IApplication</code> typed AST
+        Succeeded to compose <code>AutoBeDatabase.IApplication</code> typed AST
         (Abstract Syntax Tree) data, but failed to generate Prisma schema files
         from it. This is a bug of <code>@autobe</code>. Please{" "}
         <a
@@ -387,7 +387,7 @@ const getMessage = (
 
 const getPhase = (event: IAutoBeCompleteEventMovieProps["event"]) => {
   if (event.type === "analyzeComplete") return "analyze";
-  else if (event.type === "prismaComplete") return "prisma";
+  else if (event.type === "databaseComplete") return "database";
   else if (event.type === "interfaceComplete") return "interface";
   else if (event.type === "testComplete") return "test";
   else if (event.type === "realizeComplete") return "realize";

package/src/components/events/AutoBeCorrectEventMovie.tsx

@@ -1,5 +1,5 @@
 import {
-  AutoBePrismaCorrectEvent,
+  AutoBeDatabaseCorrectEvent,
   AutoBeRealizeAuthorizationCorrectEvent,
   AutoBeRealizeCorrectEvent,
   AutoBeTestCorrectEvent,
@@ -12,7 +12,7 @@ import { EventCard, EventContent, EventHeader } from "./common";
 export interface IAutoBeCorrectEventMovieProps {
   /** Correct event to display */
   event:
-    | AutoBePrismaCorrectEvent
+    | AutoBeDatabaseCorrectEvent
     | AutoBeTestCorrectEvent
     | AutoBeRealizeCorrectEvent
     | AutoBeRealizeAuthorizationCorrectEvent;
@@ -20,7 +20,7 @@ export interface IAutoBeCorrectEventMovieProps {
 
 /** Event type definition */
 type CorrectEventType =
-  | "prismaCorrect"
+  | "databaseCorrect"
   | "testCorrect"
   | "realizeCorrect"
   | "realizeAuthorizationCorrect";
@@ -31,7 +31,7 @@ function getStepConfig(eventType: CorrectEventType): {
   description: string;
 } {
   switch (eventType) {
-    case "prismaCorrect":
+    case "databaseCorrect":
       return {
         title: "Prisma Schema Corrected",
         description: "Database schema has been successfully corrected",
@@ -137,9 +137,9 @@ function getEventDetails(
   };
 
   switch (event.type) {
-    case "prismaCorrect":
+    case "databaseCorrect":
       const prismaEvent = event as IAutoBeCorrectEventMovieProps["event"] & {
-        type: "prismaCorrect";
+        type: "databaseCorrect";
       };
       return (
         <div style={containerStyle}>
@@ -192,24 +192,10 @@ function getEventDetails(
               <span style={valueStyle}>Step {testEvent.step}</span>
             </div>
 
-            {testEvent.file?.location && (
+            {testEvent.function?.location && (
               <div style={infoItemStyle}>
                 <span style={labelStyle}>Test File:</span>
-                <span style={valueStyle}>{testEvent.file.location}</span>
-              </div>
-            )}
-
-            {testEvent.think && (
-              <div>
-                <div style={labelStyle}>🔄 Analysis:</div>
-                <div style={codeBlockStyle}>{testEvent.think}</div>
-              </div>
-            )}
-
-            {testEvent.review && (
-              <div>
-                <div style={labelStyle}>📋 Review Results:</div>
-                <div style={codeBlockStyle}>{testEvent.review}</div>
+                <span style={valueStyle}>{testEvent.function.location}</span>
               </div>
             )}
 
@@ -238,15 +224,15 @@ function getEventDetails(
 
             <div style={infoItemStyle}>
               <span style={labelStyle}>File Location:</span>
-              <span style={valueStyle}>{realizeEvent.location}</span>
+              <span style={valueStyle}>{realizeEvent.function.location}</span>
             </div>
 
-            {realizeEvent.content && (
+            {realizeEvent.function.content && (
               <div>
                 <div style={labelStyle}>📄 Corrected Implementation:</div>
                 <div style={codeBlockStyle}>
-                  {realizeEvent.content.slice(0, 500)}
-                  {realizeEvent.content.length > 500 && "..."}
+                  {realizeEvent.function.content.slice(0, 500)}
+                  {realizeEvent.function.content.length > 500 && "..."}
                 </div>
               </div>
             )}

package/src/components/events/AutoBeEventMovie.tsx

@@ -43,7 +43,7 @@ export function AutoBeEventMovie<Event extends AutoBeEvent>(
       );
     // START EVENTS
     case "analyzeStart":
-    case "prismaStart":
+    case "databaseStart":
     case "interfaceStart":
     case "testStart":
     case "realizeStart":
@@ -52,41 +52,52 @@ export function AutoBeEventMovie<Event extends AutoBeEvent>(
       return <AutoBeStartEventMovie event={back} />;
     // SCENARIO EVENTS
     case "analyzeScenario":
-    case "prismaComponent":
+    case "databaseGroup":
+    case "databaseGroupReview":
+    case "databaseAuthorization":
+    case "databaseAuthorizationReview":
     case "interfaceGroup":
     case "realizeTestReset":
       return <AutoBeScenarioEventMovie event={back} />;
     // PROGRESS EVENTS
-    case "analyzeWrite":
-    case "analyzeReview":
+    case "analyzeWriteModule":
+    case "analyzeModuleReview":
+    case "analyzeWriteUnit":
+    case "analyzeUnitReview":
+    case "analyzeWriteSection":
+    case "analyzeSectionReview":
     case "interfaceEndpoint":
-    case "prismaSchema":
-    case "prismaReview":
+    case "interfaceEndpointReview":
+    case "databaseComponent":
+    case "databaseComponentReview":
+    case "databaseSchema":
+    case "databaseSchemaReview":
     case "interfaceOperation":
     case "interfaceOperationReview":
     case "interfaceAuthorization":
     case "interfaceSchema":
+    case "interfaceSchemaCasting":
+    case "interfaceSchemaRefine":
     case "interfaceSchemaReview":
-    case "interfaceComplement":
+    case "interfaceSchemaComplement":
     case "interfaceSchemaRename":
     case "interfacePrerequisite":
-    case "testWrite":
     case "testScenario":
     case "testScenarioReview":
+    case "testValidate":
+    case "testWrite":
+    case "realizePlan":
     case "realizeWrite":
     case "realizeAuthorizationWrite":
     case "realizeTestOperation":
+    case "realizeValidate":
       return <AutoBeProgressEventMovie event={back} />;
     // VALIDATE EVENTS
-    case "prismaInsufficient":
-    case "prismaValidate":
-    case "testValidate":
-    case "realizeValidate":
+    case "databaseValidate":
     case "realizeAuthorizationValidate":
       if (props.events.length === 1) {
         return <AutoBeValidateEventMovie event={back} />;
       }
-
       return (
         <ValidateEventGroup
           events={props.events as IValidateEventGroupProps["events"]}
@@ -95,7 +106,7 @@ export function AutoBeEventMovie<Event extends AutoBeEvent>(
       );
     // COMPLETE EVENTS
     case "analyzeComplete":
-    case "prismaComplete":
+    case "databaseComplete":
     case "interfaceComplete":
     case "testComplete":
     case "realizeComplete":
@@ -103,14 +114,11 @@ export function AutoBeEventMovie<Event extends AutoBeEvent>(
         <AutoBeCompleteEventMovie getFiles={service.getFiles} event={back} />
       );
     // CORRECT EVENTS
-    case "prismaCorrect":
-    case "testCorrect":
-    case "realizeCorrect":
+    case "databaseCorrect":
     case "realizeAuthorizationCorrect": {
       if (props.events.length === 1) {
         return <AutoBeCorrectEventMovie event={back} />;
       }
-
       return (
         <CorrectEventGroup
           events={props.events as ICorrectEventGroupProps["events"]}
@@ -119,7 +127,9 @@ export function AutoBeEventMovie<Event extends AutoBeEvent>(
       );
     }
     // DISCARD
-    case "interfaceEndpointReview":
+    case "imageDescribeStart":
+    case "imageDescribeDraft":
+    case "imageDescribeComplete":
     case "realizeTestComplete":
     case "realizeAuthorizationComplete":
     case "vendorRequest":
@@ -129,6 +139,15 @@ export function AutoBeEventMovie<Event extends AutoBeEvent>(
     case "jsonValidateError":
     case "consentFunctionCall":
     case "preliminary":
+    case "analyzeWriteModule":
+    case "analyzeModuleReview":
+    case "analyzeWriteUnit":
+    case "analyzeUnitReview":
+    case "analyzeWriteSection":
+    case "analyzeSectionReview":
+    case "analyzeScenarioReview":
+    case "testCorrect":
+    case "realizeCorrect":
       return null;
     default:
       back satisfies never;

package/src/components/events/AutoBeProgressEventMovie.tsx

@@ -39,22 +39,22 @@ interface IState {
 function getState(event: AutoBeProgressEventMovie.IProps["event"]): IState {
   const content: Pick<IState, "title" | "description"> = (() => {
     switch (event.type) {
-      case "analyzeWrite":
+      case "databaseComponent":
         return {
-          title: "Analyze Write",
-          description: "Analyzing requirements, and writing a report paper",
+          title: "Database Components",
+          description: "Generating database component schemas",
         };
-      case "analyzeReview":
+      case "databaseComponentReview":
         return {
-          title: "Analyze Review",
-          description: "Reviewing the analysis results",
+          title: "Prisma Components Review",
+          description: "Reviewing the Prisma components",
         };
-      case "prismaSchema":
+      case "databaseSchema":
         return {
           title: "Prisma Schemas",
           description: "Designing Database schemas",
         };
-      case "prismaReview":
+      case "databaseSchemaReview":
         return {
           title: "Prisma Review",
           description: "Reviewing the Prisma schemas",
@@ -64,6 +64,11 @@ function getState(event: AutoBeProgressEventMovie.IProps["event"]): IState {
           title: "Interface Endpoints",
           description: "Collecting API endpoints",
         };
+      case "interfaceEndpointReview":
+        return {
+          title: "Interface Endpoints Review",
+          description: "Reviewing API endpoints",
+        };
       case "interfaceOperation":
         return {
           title: "Interface Operations",
@@ -84,12 +89,22 @@ function getState(event: AutoBeProgressEventMovie.IProps["event"]): IState {
           title: "Interface Schemas",
           description: "Designing API type schemas",
         };
+      case "interfaceSchemaCasting":
+        return {
+          title: "Interface Schemas Casting",
+          description: `Refining degenerate API type schemas' structure`,
+        };
+      case "interfaceSchemaRefine":
+        return {
+          title: "Interface Schemas Refine",
+          description: `Refining API type schemas' documentation and metadata`,
+        };
       case "interfaceSchemaReview":
         return {
           title: "Interface Schemas Review",
-          description: `Reviewing API type schemas' ${event.kind}`,
+          description: `Reviewing API type schemas`,
         };
-      case "interfaceComplement":
+      case "interfaceSchemaComplement":
         return {
           title: "Interface Complement",
           description: "Complementing missing API type schemas",
@@ -119,6 +134,16 @@ function getState(event: AutoBeProgressEventMovie.IProps["event"]): IState {
           title: "Test Write",
           description: "Writing E2E test functions",
         };
+      case "testValidate":
+        return {
+          title: "Test Validate",
+          description: "Validating E2E test results",
+        };
+      case "realizePlan":
+        return {
+          title: "Realize Plan",
+          description: "Planning the API functions' modularization",
+        };
       case "realizeWrite":
         return {
           title: "Realize Write",
@@ -135,10 +160,45 @@ function getState(event: AutoBeProgressEventMovie.IProps["event"]): IState {
           description:
             "Running the E2E test operations to validate the API functions",
         };
-      case "realizeCorrect":
+      case "realizeValidate":
+        return {
+          title: "Realize Validate",
+          description: "Correcting and Validating the API functions",
+        };
+      case "imageDescribeDraft":
+        return {
+          title: "Describe Image Draft",
+          description: "Describing the image draft",
+        };
+      case "analyzeWriteModule":
+        return {
+          title: "Analyze Write Module",
+          description: "Generating module section structure",
+        };
+      case "analyzeModuleReview":
+        return {
+          title: "Analyze Module Review",
+          description: "Reviewing module section structure",
+        };
+      case "analyzeWriteUnit":
+        return {
+          title: "Analyze Write Unit",
+          description: "Generating unit section content",
+        };
+      case "analyzeUnitReview":
+        return {
+          title: "Analyze Unit Review",
+          description: "Reviewing unit section content",
+        };
+      case "analyzeWriteSection":
+        return {
+          title: "Analyze Write Section",
+          description: "Generating section details",
+        };
+      case "analyzeSectionReview":
         return {
-          title: "Realize Correct",
-          description: "Correcting the API functions",
+          title: "Analyze Section Review",
+          description: "Reviewing section details",
         };
       default:
         event satisfies never;

package/src/components/events/AutoBeScenarioEventMovie.tsx

@@ -1,7 +1,10 @@
 import {
   AutoBeAnalyzeScenarioEvent,
+  AutoBeDatabaseAuthorizationEvent,
+  AutoBeDatabaseAuthorizationReviewEvent,
+  AutoBeDatabaseGroupEvent,
+  AutoBeDatabaseGroupReviewEvent,
   AutoBeInterfaceGroupEvent,
-  AutoBePrismaComponentEvent,
   AutoBeRealizeTestResetEvent,
 } from "@autobe/interface";
 import { JSX } from "react";
@@ -11,7 +14,10 @@ import { EventCard, EventContent, EventHeader } from "./common";
 export interface IAutoBeScenarioEventMovieProps {
   event:
     | AutoBeAnalyzeScenarioEvent
-    | AutoBePrismaComponentEvent
+    | AutoBeDatabaseAuthorizationEvent
+    | AutoBeDatabaseAuthorizationReviewEvent
+    | AutoBeDatabaseGroupEvent
+    | AutoBeDatabaseGroupReviewEvent
     | AutoBeInterfaceGroupEvent
     | AutoBeRealizeTestResetEvent;
 }
@@ -49,28 +55,62 @@ function getState(event: IAutoBeScenarioEventMovieProps["event"]): IState {
           </>
         ),
       };
-    case "prismaComponent":
+    case "databaseGroup":
       return {
-        title: "Prisma Components",
+        title: "Database Group",
         description: (
           <>
-            Generating Prisma components.
+            Generating Database groups.
             <br />
             <br />
-            Number of Prisma schemas would be:
+            Number of Database groups would be:
             <br />
             <ul>
-              <li>namespaces: #{event.components.length}</li>
-              <li>
-                tables: #
-                {event.components
-                  .map((c) => c.tables.length)
-                  .reduce((a, b) => a + b, 0)}
-              </li>
+              <li>namespaces: #{event.groups.length}</li>
             </ul>
           </>
         ),
       };
+    case "databaseGroupReview":
+      return {
+        title: "Database Group Review",
+        description: (
+          <>
+            Reviewed Database group structure.
+            <br />
+            <br />
+            Revisions applied: #{event.revises.length}
+            <br />
+            Final groups: #{event.groups.length}
+          </>
+        ),
+      };
+    case "databaseAuthorization":
+      return {
+        title: "Database Authorization",
+        description: (
+          <>
+            Generated authorization tables for all actors.
+            <br />
+            <br />
+            Tables created: #{event.component.tables.length}
+          </>
+        ),
+      };
+    case "databaseAuthorizationReview":
+      return {
+        title: "Database Authorization Review",
+        description: (
+          <>
+            Reviewed authorization tables.
+            <br />
+            <br />
+            Revisions applied: #{event.revises.length}
+            <br />
+            Final tables: #{event.modification.tables.length}
+          </>
+        ),
+      };
     case "interfaceGroup":
       return {
         title: "Interface Endpoint Groups",

package/src/components/events/AutoBeStartEventMovie.tsx

@@ -1,7 +1,7 @@
 import {
   AutoBeAnalyzeStartEvent,
+  AutoBeDatabaseStartEvent,
   AutoBeInterfaceStartEvent,
-  AutoBePrismaStartEvent,
   AutoBeRealizeAuthorizationStartEvent,
   AutoBeRealizeStartEvent,
   AutoBeRealizeTestStartEvent,
@@ -11,7 +11,7 @@ import {
 interface IAutoBeStartEventProps {
   event:
     | AutoBeAnalyzeStartEvent
-    | AutoBePrismaStartEvent
+    | AutoBeDatabaseStartEvent
     | AutoBeInterfaceStartEvent
     | AutoBeTestStartEvent
     | AutoBeRealizeStartEvent
@@ -61,8 +61,8 @@ function getTitle(event: IAutoBeStartEventProps["event"]): string {
   switch (event.type) {
     case "analyzeStart":
       return "Analyze";
-    case "prismaStart":
-      return "Prisma";
+    case "databaseStart":
+      return "Database";
     case "interfaceStart":
       return "Interface";
     case "testStart":