@houston-ai/routines 0.2.0

package/src/schedule-picker-fields.tsx

@@ -0,0 +1,118 @@
+/**
+ * Picker fields used by ScheduleBuilder — time, day-of-week, day-of-month.
+ */
+import { cn } from "@houston-ai/core"
+
+const inputClass = cn(
+  "px-3 py-2 rounded-xl border border-border bg-background",
+  "text-sm text-foreground",
+  "focus:outline-none focus:border-border/80 transition-colors",
+)
+
+const labelClass = "text-xs font-medium text-muted-foreground mb-1.5 block"
+
+const DAYS_OF_WEEK = [
+  { value: 0, label: "Sun" },
+  { value: 1, label: "Mon" },
+  { value: 2, label: "Tue" },
+  { value: 3, label: "Wed" },
+  { value: 4, label: "Thu" },
+  { value: 5, label: "Fri" },
+  { value: 6, label: "Sat" },
+]
+
+export function TimePicker({
+  value,
+  onChange,
+}: {
+  value: string
+  onChange: (time: string) => void
+}) {
+  return (
+    <div>
+      <label className={labelClass}>Time</label>
+      <input
+        type="time"
+        value={value}
+        onChange={(e) => onChange(e.target.value)}
+        className={cn(inputClass, "w-full")}
+      />
+    </div>
+  )
+}
+
+export function DayOfWeekPicker({
+  value,
+  onChange,
+}: {
+  value: number
+  onChange: (day: number) => void
+}) {
+  return (
+    <div>
+      <label className={labelClass}>Day</label>
+      <div className="flex gap-1">
+        {DAYS_OF_WEEK.map((day) => (
+          <button
+            key={day.value}
+            onClick={() => onChange(day.value)}
+            className={cn(
+              "size-8 rounded-lg text-xs font-medium transition-colors",
+              value === day.value
+                ? "bg-primary text-primary-foreground"
+                : "border border-border text-muted-foreground hover:bg-secondary",
+            )}
+          >
+            {day.label}
+          </button>
+        ))}
+      </div>
+    </div>
+  )
+}
+
+export function DayOfMonthPicker({
+  value,
+  onChange,
+}: {
+  value: number
+  onChange: (day: number) => void
+}) {
+  return (
+    <div>
+      <label className={labelClass}>Day of month</label>
+      <input
+        type="number"
+        min={1}
+        max={31}
+        value={value}
+        onChange={(e) => onChange(Number(e.target.value))}
+        className={cn(inputClass, "w-24")}
+      />
+    </div>
+  )
+}
+
+export function CronInput({
+  value,
+  onChange,
+}: {
+  value: string
+  onChange: (cron: string) => void
+}) {
+  return (
+    <div>
+      <label className={labelClass}>Cron Expression</label>
+      <input
+        type="text"
+        value={value}
+        onChange={(e) => onChange(e.target.value)}
+        placeholder="* * * * *"
+        className={cn(inputClass, "w-full font-mono")}
+      />
+      <p className="text-[11px] text-muted-foreground mt-1">
+        Format: minute hour day-of-month month day-of-week
+      </p>
+    </div>
+  )
+}

package/src/styles.css

@@ -0,0 +1 @@
+@source ".";

package/src/types.ts

@@ -0,0 +1,105 @@
+// Generic routine types — mirrors Houston's Routine model without Tauri/backend coupling.
+
+export type TriggerType = "on_approval" | "scheduled" | "periodic" | "manual"
+export type RoutineStatus = "active" | "paused" | "needs_setup" | "error"
+export type ApprovalMode = "manual" | "auto_approve"
+
+export type RunStatus =
+  | "running"
+  | "completed"
+  | "failed"
+  | "approved"
+  | "needs_you"
+  | "done"
+  | "error"
+
+export interface Routine {
+  id: string
+  project_id: string
+  goal_id: string | null
+  skill_id: string | null
+  name: string
+  description: string
+  trigger_type: TriggerType
+  trigger_config: string
+  status: RoutineStatus
+  approval_mode: ApprovalMode
+  context: string
+  run_count: number
+  approval_count: number
+  last_run_at: string | null
+  created_at: string
+  updated_at: string
+}
+
+export interface RoutineRun {
+  id: string
+  routine_id: string
+  project_id: string
+  status: RunStatus
+  session_id: string | null
+  claude_session_id: string | null
+  output_files: string | null
+  cost_usd: number | null
+  duration_ms: number | null
+  output_title: string | null
+  output_summary: string | null
+  feedback_text: string | null
+  is_test_run: boolean
+  created_at: string
+  completed_at: string | null
+  approved_at: string | null
+}
+
+export interface Skill {
+  id: string
+  name: string
+  description: string
+}
+
+export const TRIGGER_LABELS: Record<TriggerType, string> = {
+  on_approval: "On approval",
+  scheduled: "Scheduled",
+  periodic: "Periodic",
+  manual: "Manual",
+}
+
+/** Form state for the routine edit form */
+export interface RoutineFormState {
+  name: string
+  description: string
+  context: string
+  triggerType: TriggerType
+  approvalMode: ApprovalMode
+  skillId: string | null
+}
+
+// --- Heartbeat & schedule types ---
+
+export interface HeartbeatConfig {
+  enabled: boolean
+  intervalMinutes: number
+  prompt: string
+  activeHoursStart?: string
+  activeHoursEnd?: string
+  suppressionToken: string
+}
+
+export type SchedulePreset =
+  | "every_30min"
+  | "hourly"
+  | "daily"
+  | "weekdays"
+  | "weekly"
+  | "monthly"
+  | "custom"
+
+export const SCHEDULE_PRESET_LABELS: Record<SchedulePreset, string> = {
+  every_30min: "Every 30 minutes",
+  hourly: "Every hour",
+  daily: "Daily",
+  weekdays: "Weekdays only",
+  weekly: "Weekly",
+  monthly: "Monthly",
+  custom: "Custom (cron)",
+}