@autobe/ui 0.30.2 → 0.30.4-dev.20260324

package/src/components/events/AutoBeScenarioEventMovie.tsx

@@ -1,135 +1,135 @@
-import {
-  AutoBeAnalyzeScenarioEvent,
-  AutoBeDatabaseAuthorizationEvent,
-  AutoBeDatabaseAuthorizationReviewEvent,
-  AutoBeDatabaseGroupEvent,
-  AutoBeDatabaseGroupReviewEvent,
-  AutoBeInterfaceGroupEvent,
-  AutoBeRealizeTestResetEvent,
-} from "@autobe/interface";
-import { JSX } from "react";
-
-import { EventCard, EventContent, EventHeader } from "./common";
-
-export interface IAutoBeScenarioEventMovieProps {
-  event:
-    | AutoBeAnalyzeScenarioEvent
-    | AutoBeDatabaseAuthorizationEvent
-    | AutoBeDatabaseAuthorizationReviewEvent
-    | AutoBeDatabaseGroupEvent
-    | AutoBeDatabaseGroupReviewEvent
-    | AutoBeInterfaceGroupEvent
-    | AutoBeRealizeTestResetEvent;
-}
-export const AutoBeScenarioEventMovie = (
-  props: IAutoBeScenarioEventMovieProps,
-) => {
-  const { event } = props;
-  const { title, description } = getState(event);
-
-  return (
-    <EventCard>
-      <EventHeader title={title} timestamp={event.created_at} iconType="info" />
-      <EventContent>{description}</EventContent>
-    </EventCard>
-  );
-};
-export default AutoBeScenarioEventMovie;
-
-interface IState {
-  title: string;
-  description: string | JSX.Element;
-}
-
-function getState(event: IAutoBeScenarioEventMovieProps["event"]): IState {
-  switch (event.type) {
-    case "analyzeScenario":
-      return {
-        title: "Analyze Scenario",
-        description: (
-          <>
-            Generating analysis report.
-            <br />
-            <br />
-            Number of documents to write: #{event.files.length}
-          </>
-        ),
-      };
-    case "databaseGroup":
-      return {
-        title: "Database Group",
-        description: (
-          <>
-            Generating Database groups.
-            <br />
-            <br />
-            Number of Database groups would be:
-            <br />
-            <ul>
-              <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",
-        description: (
-          <>
-            Generating interface endpoint groups.
-            <br />
-            <br />
-            Number of API operation groups would be #{event.groups.length}
-          </>
-        ),
-      };
-    case "realizeTestReset":
-      return {
-        title: "Realize Test Reset",
-        description: "Resetting test environment.",
-      };
-    default:
-      event satisfies never;
-      throw new Error("Unknown event type");
-  }
-}
+import {
+  AutoBeAnalyzeScenarioEvent,
+  AutoBeDatabaseAuthorizationEvent,
+  AutoBeDatabaseAuthorizationReviewEvent,
+  AutoBeDatabaseGroupEvent,
+  AutoBeDatabaseGroupReviewEvent,
+  AutoBeInterfaceGroupEvent,
+  AutoBeRealizeTestResetEvent,
+} from "@autobe/interface";
+import { JSX } from "react";
+
+import { EventCard, EventContent, EventHeader } from "./common";
+
+export interface IAutoBeScenarioEventMovieProps {
+  event:
+    | AutoBeAnalyzeScenarioEvent
+    | AutoBeDatabaseAuthorizationEvent
+    | AutoBeDatabaseAuthorizationReviewEvent
+    | AutoBeDatabaseGroupEvent
+    | AutoBeDatabaseGroupReviewEvent
+    | AutoBeInterfaceGroupEvent
+    | AutoBeRealizeTestResetEvent;
+}
+export const AutoBeScenarioEventMovie = (
+  props: IAutoBeScenarioEventMovieProps,
+) => {
+  const { event } = props;
+  const { title, description } = getState(event);
+
+  return (
+    <EventCard>
+      <EventHeader title={title} timestamp={event.created_at} iconType="info" />
+      <EventContent>{description}</EventContent>
+    </EventCard>
+  );
+};
+export default AutoBeScenarioEventMovie;
+
+interface IState {
+  title: string;
+  description: string | JSX.Element;
+}
+
+function getState(event: IAutoBeScenarioEventMovieProps["event"]): IState {
+  switch (event.type) {
+    case "analyzeScenario":
+      return {
+        title: "Analyze Scenario",
+        description: (
+          <>
+            Generating analysis report.
+            <br />
+            <br />
+            Number of documents to write: #{event.files.length}
+          </>
+        ),
+      };
+    case "databaseGroup":
+      return {
+        title: "Database Group",
+        description: (
+          <>
+            Generating Database groups.
+            <br />
+            <br />
+            Number of Database groups would be:
+            <br />
+            <ul>
+              <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",
+        description: (
+          <>
+            Generating interface endpoint groups.
+            <br />
+            <br />
+            Number of API operation groups would be #{event.groups.length}
+          </>
+        ),
+      };
+    case "realizeTestReset":
+      return {
+        title: "Realize Test Reset",
+        description: "Resetting test environment.",
+      };
+    default:
+      event satisfies never;
+      throw new Error("Unknown event type");
+  }
+}

package/src/components/events/AutoBeStartEventMovie.tsx

@@ -1,82 +1,82 @@
-import {
-  AutoBeAnalyzeStartEvent,
-  AutoBeDatabaseStartEvent,
-  AutoBeInterfaceStartEvent,
-  AutoBeRealizeAuthorizationStartEvent,
-  AutoBeRealizeStartEvent,
-  AutoBeRealizeTestStartEvent,
-  AutoBeTestStartEvent,
-} from "@autobe/interface";
-
-interface IAutoBeStartEventProps {
-  event:
-    | AutoBeAnalyzeStartEvent
-    | AutoBeDatabaseStartEvent
-    | AutoBeInterfaceStartEvent
-    | AutoBeTestStartEvent
-    | AutoBeRealizeStartEvent
-    | AutoBeRealizeAuthorizationStartEvent
-    | AutoBeRealizeTestStartEvent;
-  style?: React.CSSProperties;
-  className?: string;
-}
-
-const AutoBeStartEventMovie = (props: IAutoBeStartEventProps) => {
-  const { event } = props;
-  const title = getTitle(event);
-
-  return (
-    <div
-      style={{
-        display: "flex",
-        justifyContent: "center",
-        marginBottom: "1rem",
-      }}
-    >
-      <div
-        className={props.className}
-        style={{
-          backgroundColor: "#f0f0f0",
-          border: "1px solid #e0e0e0",
-          borderRadius: "0.5rem",
-          padding: "0.5rem 1rem",
-          ...props.style,
-        }}
-      >
-        <div
-          style={{
-            fontSize: "0.875rem",
-            color: "#666",
-            fontWeight: "medium",
-          }}
-        >
-          🚀 {title} has started.
-        </div>
-      </div>
-    </div>
-  );
-};
-
-function getTitle(event: IAutoBeStartEventProps["event"]): string {
-  switch (event.type) {
-    case "analyzeStart":
-      return "Analyze";
-    case "databaseStart":
-      return "Database";
-    case "interfaceStart":
-      return "Interface";
-    case "testStart":
-      return "Test";
-    case "realizeStart":
-      return "Realize";
-    case "realizeAuthorizationStart":
-      return "Realize Authorization";
-    case "realizeTestStart":
-      return "Final E2E Test";
-    default:
-      event satisfies never;
-      throw new Error("Unknown event type"); // unreachable
-  }
-}
-
-export default AutoBeStartEventMovie;
+import {
+  AutoBeAnalyzeStartEvent,
+  AutoBeDatabaseStartEvent,
+  AutoBeInterfaceStartEvent,
+  AutoBeRealizeAuthorizationStartEvent,
+  AutoBeRealizeStartEvent,
+  AutoBeRealizeTestStartEvent,
+  AutoBeTestStartEvent,
+} from "@autobe/interface";
+
+interface IAutoBeStartEventProps {
+  event:
+    | AutoBeAnalyzeStartEvent
+    | AutoBeDatabaseStartEvent
+    | AutoBeInterfaceStartEvent
+    | AutoBeTestStartEvent
+    | AutoBeRealizeStartEvent
+    | AutoBeRealizeAuthorizationStartEvent
+    | AutoBeRealizeTestStartEvent;
+  style?: React.CSSProperties;
+  className?: string;
+}
+
+const AutoBeStartEventMovie = (props: IAutoBeStartEventProps) => {
+  const { event } = props;
+  const title = getTitle(event);
+
+  return (
+    <div
+      style={{
+        display: "flex",
+        justifyContent: "center",
+        marginBottom: "1rem",
+      }}
+    >
+      <div
+        className={props.className}
+        style={{
+          backgroundColor: "#f0f0f0",
+          border: "1px solid #e0e0e0",
+          borderRadius: "0.5rem",
+          padding: "0.5rem 1rem",
+          ...props.style,
+        }}
+      >
+        <div
+          style={{
+            fontSize: "0.875rem",
+            color: "#666",
+            fontWeight: "medium",
+          }}
+        >
+          🚀 {title} has started.
+        </div>
+      </div>
+    </div>
+  );
+};
+
+function getTitle(event: IAutoBeStartEventProps["event"]): string {
+  switch (event.type) {
+    case "analyzeStart":
+      return "Analyze";
+    case "databaseStart":
+      return "Database";
+    case "interfaceStart":
+      return "Interface";
+    case "testStart":
+      return "Test";
+    case "realizeStart":
+      return "Realize";
+    case "realizeAuthorizationStart":
+      return "Realize Authorization";
+    case "realizeTestStart":
+      return "Final E2E Test";
+    default:
+      event satisfies never;
+      throw new Error("Unknown event type"); // unreachable
+  }
+}
+
+export default AutoBeStartEventMovie;