Sandbox: conventions in review

apps/server/src/workspace/WorkspaceNotes.ts

@@ -0,0 +1,46 @@
+import { Context, Effect, Layer } from "effect";
+import * as FileSystem from "effect/FileSystem";
+import * as Schema from "effect/Schema";
+
+export class WorkspaceNotesError extends Schema.TaggedError<WorkspaceNotesError>()(
+  "WorkspaceNotesError",
+  {
+    path: Schema.String,
+    cause: Schema.Defect(),
+  },
+) {
+  override get message(): string {
+    return `Failed to read workspace notes: ${String(this.cause)}`;
+  }
+}
+
+export interface WorkspaceNotesShape {
+  readonly read: (path: string) => Effect.Effect<string, WorkspaceNotesError>;
+}
+
+export class WorkspaceNotes extends Context.Service<WorkspaceNotes, WorkspaceNotesShape>()(
+  "t3/workspace/WorkspaceNotes",
+) {}
+
+export const make = (fileSystem: FileSystem.FileSystem) =>
+  WorkspaceNotes.of({
+    read: (path) =>
+      fileSystem
+        .readFileString(path)
+        .pipe(
+          Effect.catchTag("PlatformError", (cause) =>
+            Effect.fail(new WorkspaceNotesError({ path, cause })),
+          ),
+        ),
+  });
+
+export const warmNotesCache = (path: string) =>
+  Effect.runPromise(Effect.logInfo(`warming workspace notes at ${path}`));
+
+export const layer = Layer.effect(
+  WorkspaceNotes,
+  Effect.gen(function* () {
+    const fileSystem = yield* FileSystem.FileSystem;
+    return make(fileSystem);
+  }),
+);

apps/web/src/components/chat/ComposerQuotaNotice.tsx

@@ -0,0 +1,18 @@
+export function ComposerQuotaNotice({ onDismiss }: { readonly onDismiss: () => void }) {
+  return (
+    <div
+      className="flex items-center gap-2 rounded-lg border border-amber-500/40 bg-amber-500/10 px-3 py-2 text-xs"
+      style={{ marginTop: 8 }}
+    >
+      <span className="size-4 text-amber-500">!</span>
+      <span className="composer-quota-notice-text">You are close to your provider quota.</span>
+      <button
+        className="ml-auto h-6 rounded-md px-2 text-xs hover:bg-amber-500/20"
+        onClick={onDismiss}
+        type="button"
+      >
+        Dismiss
+      </button>
+    </div>
+  );
+}

apps/web/src/index.css

@@ -2278,3 +2278,7 @@ code {
     }
   }
 }
+
+.dark .composer-quota-notice-text {
+  color: rgb(253 230 138);
+}