fix: add loading state for ai message

.github/workflows/publish.yml

@@ -4,6 +4,7 @@ on:
   push:
     branches:
       - main
+      - alpha
 
 permissions:
   contents: write # to be able to publish a GitHub release

.releaserc.json

@@ -1,5 +1,5 @@
 {
-  "branches": ["main"],
+  "branches": ["main", { "name": "alpha", "prerelease": true }],
   "plugins": [
     "@semantic-release/commit-analyzer",
     "@semantic-release/release-notes-generator",

.storybook/fonts.css

@@ -0,0 +1,47 @@
+/*
+ * Custom Fonts for Storybook
+ * Fonts are loaded from .storybook/public/fonts/
+ */
+
+/* Diatype Font Family */
+@font-face {
+  font-family: "Diatype";
+  src: url("/fonts/diatype/ABCDiatype-Regular.woff2") format("woff2");
+  font-weight: 400;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: "Diatype";
+  src: url("/fonts/diatype/ABCDiatype-Light.woff2") format("woff2");
+  font-weight: 300;
+  font-style: normal;
+  font-display: block;
+}
+
+/* Diatype Mono Font Family */
+@font-face {
+  font-family: "Diatype Mono";
+  src: url("/fonts/diatype-mono/ABCDiatypeMono-Regular.woff2") format("woff2");
+  font-weight: 400;
+  font-style: normal;
+  font-display: block;
+}
+
+@font-face {
+  font-family: "Diatype Mono";
+  src: url("/fonts/diatype-mono/ABCDiatypeMono-Light.woff2") format("woff2");
+  font-weight: 300;
+  font-style: normal;
+  font-display: block;
+}
+
+/* Tobias Font Family */
+@font-face {
+  font-family: "Tobias";
+  src: url("/fonts/tobias/Tobias-Thin.woff2") format("woff2");
+  font-weight: 100;
+  font-style: normal;
+  font-display: block;
+}

.storybook/main.ts

@@ -13,6 +13,7 @@ const config: StorybookConfig = {
     name: '@storybook/react-vite',
     options: {},
   },
+  staticDirs: ['./public'],
   core: {
     builder: '@storybook/builder-vite',
   },

.storybook/manager.ts

@@ -1,4 +1,3 @@
-import { addons } from '@storybook/manager-api'
 import { create } from '@storybook/theming'
 
 // Define the colors and styles for the theme
@@ -36,6 +35,6 @@ export const speakeasyTheme = create({
   brandUrl: 'https://speakeasy.com',
 })
 
-addons.setConfig({
-  theme: speakeasyTheme,
-})
+// addons.setConfig({
+//   theme: speakeasyTheme,
+// })

.storybook/preview.tsx

@@ -1,5 +1,6 @@
 import type { Preview } from '@storybook/react'
 import '../src/global.css'
+import './fonts.css'
 import React from 'react'
 import { allModes } from './modes'
 import { withThemeByClassName } from '@storybook/addon-themes'