chore: prepare for release

Author: lnikell

.gitignore

@@ -1,6 +1,7 @@
 node_modules
 dist
 build
+artifacts
 .DS_Store
 *.log
 .env

artifacts/stable-macos-arm64-Loopndroll.app.tar.zst

@@ -1,14 +1,16 @@
 import type { ElectrobunConfig } from "electrobun";
+import { readFileSync } from "node:fs";
 
 const releaseBaseUrl = process.env["RELEASE_BASE_URL"] || "";
 const enableCodesign = process.env["ELECTROBUN_ENABLE_CODESIGN"] === "true";
 const enableNotarize = process.env["ELECTROBUN_ENABLE_NOTARIZE"] === "true";
+const packageVersion = JSON.parse(readFileSync(new URL("./package.json", import.meta.url), "utf8")).version;
 
 export default {
   app: {
     name: "Loopndroll",
     identifier: "dev.loopndroll.app",
-    version: "0.1.0",
+    version: packageVersion,
   },
   release: {
     baseUrl: releaseBaseUrl,

artifacts/stable-macos-arm64-Loopndroll.dmg

@@ -5,6 +5,13 @@ set -euo pipefail
 ROOT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/.." && pwd)"
 cd "$ROOT_DIR"
 
+if [[ -f ".env" ]]; then
+  set -a
+  # Load local release credentials and defaults for macOS packaging.
+  source ".env"
+  set +a
+fi
+
 fail() {
   printf 'error: %s\n' "$1" >&2
   exit 1

artifacts/stable-macos-arm64-update.json

@@ -184,10 +184,7 @@ function shouldEnableHookDebugLogging() {
   return isTruthyEnvValue(process.env[HOOK_DEBUG_LOG_ENV_NAME]);
 }
 
-function sanitizeHookDebugLogValue(
-  value: unknown,
-  seen = new WeakSet<object>(),
-): unknown {
+function sanitizeHookDebugLogValue(value: unknown, seen = new WeakSet<object>()): unknown {
   if (value == null || typeof value === "boolean" || typeof value === "number") {
     return value;
   }
@@ -1384,6 +1381,19 @@ function isPersistentPromptPreset(preset: LoopPreset | null) {
   );
 }
 
+const OPT_OUT_EXISTING_INACTIVE_SESSIONS_FROM_GLOBAL_PRESET_SQL = `update sessions
+  set preset_overridden = 1
+  where archived = 0
+    and preset is null
+    and preset_overridden = 0
+    and active_since is null`;
+
+function optOutExistingInactiveSessionsFromGlobalPreset(executor: {
+  run: (sql: string) => unknown;
+}) {
+  executor.run(OPT_OUT_EXISTING_INACTIVE_SESSIONS_FROM_GLOBAL_PRESET_SQL);
+}
+
 function getEffectivePresetForSession(db: Database, sessionId: string) {
   const row = db
     .query(
@@ -1605,8 +1615,11 @@ function updateSessionPresetFromBridge(db: Database, sessionId: string, preset:
 }
 
 function updateGlobalPresetFromBridge(db: Database, preset: LoopPreset | null) {
-  const timestamp = nowIsoString();
   const applyUpdate = db.transaction(() => {
+    if (preset !== null) {
+      optOutExistingInactiveSessionsFromGlobalPreset(db);
+    }
+
     db.query("update settings set global_preset = ? where id = 1").run(preset);
 
     if (preset === null) {
@@ -1616,13 +1629,6 @@ function updateGlobalPresetFromBridge(db: Database, preset: LoopPreset | null) {
          where archived = 0
            and preset_overridden = 0`,
       );
-    } else {
-      db.run(
-        `update sessions
-         set active_since = coalesce(active_since, '${timestamp}')
-         where archived = 0
-           and preset_overridden = 0`,
-      );
     }
 
     db.query("delete from session_runtime").run();
@@ -4122,9 +4128,12 @@ export async function setLoopScope(scope: LoopScope) {
 export async function setGlobalPreset(preset: LoopPreset | null) {
   const paths = getLoopndrollPaths();
   const { db } = getLoopndrollDatabase(paths.databasePath);
-  const timestamp = nowIsoString();
 
   db.transaction((tx) => {
+    if (preset !== null) {
+      optOutExistingInactiveSessionsFromGlobalPreset(tx);
+    }
+
     tx.update(settings).set({ globalPreset: preset }).where(eq(settings.id, 1)).run();
     if (preset === null) {
       tx.run(
@@ -4133,13 +4142,6 @@ export async function setGlobalPreset(preset: LoopPreset | null) {
          where archived = 0
            and preset_overridden = 0`,
       );
-    } else {
-      tx.run(
-        `update sessions
-         set active_since = coalesce(active_since, '${timestamp}')
-         where archived = 0
-           and preset_overridden = 0`,
-      );
     }
     tx.delete(sessionRuntime).run();
     if (preset !== "await-reply") {

electrobun.config.ts

@@ -1,4 +1,4 @@
-import type { CSSProperties, ReactNode } from "react";
+import type { ReactNode } from "react";
 import {
   ChatCircleDots,
   Checks,
@@ -10,12 +10,75 @@ import { cn } from "@/lib/utils";
 import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardFooter, CardTitle } from "@/components/ui/card";
 import { Skeleton } from "@/components/ui/skeleton";
+import type { LoopPreset } from "@/lib/loopndroll";
+
+export type ChatCardTheme = "orange" | "cyan" | "emerald" | "olive";
+
+export function getChatCardThemeForPreset(preset: LoopPreset | null | undefined): ChatCardTheme {
+  if (preset === "await-reply") {
+    return "cyan";
+  }
+
+  if (preset === "completion-checks") {
+    return "emerald";
+  }
+
+  if (preset?.startsWith("max-turns-")) {
+    return "olive";
+  }
+
+  return "orange";
+}
+
+const CHAT_CARD_THEME_CLASSES: Record<
+  ChatCardTheme,
+  {
+    card: string;
+    marker: string;
+    footer: string;
+    footerText: string;
+    button: string;
+  }
+> = {
+  orange: {
+    card: "border-orange-900/20 bg-orange-300 text-orange-950 shadow-none",
+    marker: "border-orange-300/20 bg-orange-950/80 text-orange-300",
+    footer: "border-t-orange-900/15 bg-orange-400/50",
+    footerText: "text-orange-950",
+    button:
+      "border-orange-950 bg-orange-950 text-orange-200 shadow-none hover:bg-orange-900 hover:text-orange-200 active:scale-[0.98] dark:border-orange-950 dark:bg-orange-950 dark:hover:bg-orange-900 dark:text-orange-200",
+  },
+  cyan: {
+    card: "border-cyan-900/20 bg-cyan-300 text-cyan-950 shadow-none",
+    marker: "border-cyan-300/20 bg-cyan-950/80 text-cyan-300",
+    footer: "border-t-cyan-900/15 bg-cyan-400/50",
+    footerText: "text-cyan-950",
+    button:
+      "border-cyan-950 bg-cyan-950 text-cyan-200 shadow-none hover:bg-cyan-900 hover:text-cyan-200 active:scale-[0.98] dark:border-cyan-950 dark:bg-cyan-950 dark:hover:bg-cyan-900 dark:text-cyan-200",
+  },
+  emerald: {
+    card: "border-emerald-900/20 bg-emerald-300 text-emerald-950 shadow-none",
+    marker: "border-emerald-300/20 bg-emerald-950/80 text-emerald-300",
+    footer: "border-t-emerald-900/15 bg-emerald-400/50",
+    footerText: "text-emerald-950",
+    button:
+      "border-emerald-950 bg-emerald-950 text-emerald-200 shadow-none hover:bg-emerald-900 hover:text-emerald-200 active:scale-[0.98] dark:border-emerald-950 dark:bg-emerald-950 dark:hover:bg-emerald-900 dark:text-emerald-200",
+  },
+  olive: {
+    card: "border-olive-900/20 bg-olive-300 text-olive-950 shadow-none",
+    marker: "border-olive-300/20 bg-olive-950/80 text-olive-300",
+    footer: "border-t-olive-900/15 bg-olive-400/50",
+    footerText: "text-olive-950",
+    button:
+      "border-olive-950 bg-olive-950 text-olive-200 shadow-none hover:bg-olive-900 hover:text-olive-200 active:scale-[0.98] dark:border-olive-950 dark:bg-olive-950 dark:hover:bg-olive-900 dark:text-olive-200",
+  },
+};
 
 type ChatCardProps = {
   title?: ReactNode;
   marker?: ReactNode;
   markerContainerClassName?: string;
-  tone?: string;
+  theme?: ChatCardTheme;
   isRunning?: boolean;
   actionLabel?: string;
   onAction?: () => void;
@@ -32,7 +95,7 @@ export function ChatCard({
   title,
   marker,
   markerContainerClassName,
-  tone,
+  theme,
   isRunning = false,
   actionLabel = "Start",
   onAction,
@@ -45,32 +108,18 @@ export function ChatCard({
   footerStart,
 }: ChatCardProps) {
   const placeholder = loading || empty;
-  const tinted = Boolean(tone);
-  const cardStyle: CSSProperties | undefined = tinted
-    ? {
-        backgroundColor: tone,
-        color: "oklch(0.205 0 0)",
-        borderColor: `color-mix(in oklch, ${tone} 78%, black)`,
-      }
-    : undefined;
-  const footerStyle: CSSProperties | undefined = tinted
-    ? {
-        backgroundColor: `color-mix(in oklch, ${tone} 80%, black)`,
-        borderTopColor: `color-mix(in oklch, ${tone} 72%, black)`,
-      }
-    : undefined;
+  const themedClasses = theme ? CHAT_CARD_THEME_CLASSES[theme] : null;
 
   return (
     <Card
       aria-busy={loading || undefined}
       aria-hidden={empty || undefined}
       className={cn(
         "size-80 shrink-0 snap-start pb-0",
-        isRunning && "outline outline-1 -outline-offset-1 outline-green-500/50",
+        themedClasses?.card,
         placeholder && "relative gap-0 overflow-hidden py-0",
         className,
       )}
-      style={cardStyle}
     >
       <CardContent
         className={cn("flex flex-1 items-start", placeholder && "p-0", contentClassName)}
@@ -81,9 +130,9 @@ export function ChatCard({
           <div className="flex flex-col items-start gap-5">
             <div
               className={cn(
-                "flex size-12 items-center justify-center rounded-full",
-                tinted
-                  ? "border border-black/10 bg-black/6 text-inherit"
+                "flex size-12 items-center justify-center rounded-md",
+                themedClasses
+                  ? themedClasses.marker
                   : "border border-white/10 bg-white/4 text-foreground",
                 markerContainerClassName,
               )}
@@ -103,17 +152,19 @@ export function ChatCard({
         <CardFooter
           className={cn(
             "mt-auto justify-between gap-3 border-t bg-muted/50 px-4 pb-4 [.border-t]:pt-4",
+            themedClasses?.footer,
             footerClassName,
           )}
-          style={footerStyle}
         >
-          <div className="min-h-8 min-w-0">{footerStart}</div>
+          <div className={cn("min-h-8 min-w-0", themedClasses?.footerText)}>
+            {footerStart}
+          </div>
           <Button
             aria-pressed={isRunning}
             onClick={onAction}
             className={cn(
               "w-20 gap-1.5",
-              tinted && "border-black/10 bg-white/35 text-black shadow-none hover:bg-white/45",
+              themedClasses?.button,
             )}
             size="sm"
             type="button"

scripts/release-macos.sh

@@ -1,18 +1,31 @@
 import { cn } from "@/lib/utils";
+import type { ChatCardTheme } from "@/components/chat-card";
 
 type ChatStatusIndicatorProps = {
   active?: boolean;
+  theme?: ChatCardTheme;
   className?: string;
 };
 
-export function ChatStatusIndicator({ active = false, className }: ChatStatusIndicatorProps) {
+const ACTIVE_THEME_CLASSES: Record<ChatCardTheme, string> = {
+  orange: "text-orange-500",
+  cyan: "text-cyan-500",
+  emerald: "text-emerald-500",
+  olive: "text-olive-500",
+};
+
+export function ChatStatusIndicator({
+  active = false,
+  theme = "orange",
+  className,
+}: ChatStatusIndicatorProps) {
   return (
     <span
       aria-hidden="true"
       className={cn(
         "chat-status-indicator",
         active
-          ? "chat-status-indicator--fillsweep text-green-500"
+          ? cn("chat-status-indicator--fillsweep", ACTIVE_THEME_CLASSES[theme])
           : "chat-status-indicator--diagsweep text-foreground/20",
         className,
       )}