Sprint 157: Techstack Settings + Quickactions for Webapp + Desktop App — merge feature/CODUX-157-techstack-settings-quickactions-for-webapp-desktop-app into dev

dashboard/src/lib/settings-updaters.ts

@@ -105,6 +105,28 @@ export const buildGitHubModeProjectSettingsOverride = (
   };
 };
 
+export const buildProjectCreationSettingsOverride = (input: {
+  githubMode?: DashboardSettings["git"]["githubMode"];
+  selectedTechstackId?: DashboardSettings["techstack"]["selectedTechstackId"];
+  applicationKind?: DashboardSettings["techstack"]["applicationKind"];
+}): ProjectSettingsOverride => {
+  const override: ProjectSettingsOverride = input.githubMode
+    ? buildGitHubModeProjectSettingsOverride(input.githubMode)
+    : {};
+
+  if (
+    Object.prototype.hasOwnProperty.call(input, "selectedTechstackId")
+    || Object.prototype.hasOwnProperty.call(input, "applicationKind")
+  ) {
+    override.techstack = {
+      selectedTechstackId: input.selectedTechstackId ?? null,
+      applicationKind: input.applicationKind ?? null,
+    };
+  }
+
+  return override;
+};
+
 export const updateCiIntelligence = (
   settings: DashboardSettings,
   patch: Partial<DashboardSettings["ciIntelligence"]>

dashboard/src/lib/settings.ts

@@ -1,4 +1,4 @@
-import type { DashboardSettings, ExternalSettingsHints, GuardrailSettings } from "../types.js";
+import type { DashboardSettings, ExternalSettingsHints, GuardrailSettings, TechstackCatalogSettings } from "../types.js";
 import { DEFAULT_DASHBOARD_SETTINGS } from "../../../src/repositories/settings-defaults.js";
 
 export { DEFAULT_DASHBOARD_SETTINGS };
@@ -16,6 +16,14 @@ export const cloneGuardrails = (guardrails: GuardrailSettings): GuardrailSetting
   },
 });
 
+export const cloneTechstackCatalog = (catalog: TechstackCatalogSettings): TechstackCatalogSettings => ({
+  defaultTechstackId: catalog.defaultTechstackId,
+  entries: catalog.entries.map((entry) => ({
+    ...entry,
+    items: entry.items.map((item) => ({ ...item })),
+  })),
+});
+
 export const cloneDefaultSettings = (): DashboardSettings => ({
   dashboardPort: DEFAULT_DASHBOARD_SETTINGS.dashboardPort,
   consoleLogLevel: DEFAULT_DASHBOARD_SETTINGS.consoleLogLevel,
@@ -47,6 +55,8 @@ export const cloneDefaultSettings = (): DashboardSettings => ({
       ]),
     ) as DashboardSettings["aiProvider"]["invocationRouting"],
   },
+  techstackCatalog: cloneTechstackCatalog(DEFAULT_DASHBOARD_SETTINGS.techstackCatalog),
+  techstack: { ...DEFAULT_DASHBOARD_SETTINGS.techstack },
   git: { ...DEFAULT_DASHBOARD_SETTINGS.git },
   jira: { ...DEFAULT_DASHBOARD_SETTINGS.jira },
   ciIntelligence: { ...DEFAULT_DASHBOARD_SETTINGS.ciIntelligence },

dashboard/src/types.ts

@@ -90,7 +90,12 @@ import type {
   BackgroundPattern,
   TaskPrTemplateSections,
   SprintPrTemplateSections,
-  PrDescriptionSettings
+  PrDescriptionSettings,
+  ApplicationKind,
+  TechstackItemSettings,
+  TechstackCatalogEntrySettings,
+  TechstackCatalogSettings,
+  TechstackSelectionSettings
 } from "../../src/contracts/app-types.js";
 import type {
   EffectiveSettingsResponse,
@@ -200,6 +205,11 @@ export type {
   TaskPrTemplateSections,
   SprintPrTemplateSections,
   PrDescriptionSettings,
+  ApplicationKind,
+  TechstackItemSettings,
+  TechstackCatalogEntrySettings,
+  TechstackCatalogSettings,
+  TechstackSelectionSettings,
   EffectiveSettingsResponse,
   ProjectProviderSettings,
   ProjectSettings,

dashboard/src/v2/ProjectsPage.tsx

@@ -20,7 +20,8 @@ import {
 } from "lucide-preact";
 import type { Source, SourceStatus } from "./types.js";
 import { AddProjectModal, type AddProjectModalSubmission, type SourceType as AddProjectModalSourceType } from "./components/ui/AddProjectModal.js";
-import { buildGitHubModeProjectSettingsOverride } from "../lib/settings-updaters.js";
+import { buildProjectCreationSettingsOverride } from "../lib/settings-updaters.js";
+import { DEFAULT_DASHBOARD_SETTINGS } from "../lib/settings.js";
 import { StatusDot } from "./components/ui/StatusDot.js";
 import { WaveFluid } from "./components/ui/WaveFluid.js";
 import { BorderTrace } from "./components/ui/BorderTrace.js";
@@ -457,6 +458,7 @@ export const ProjectsPage: FunctionComponent = () => {
         quicksprints: true,
         previewScript: true,
         ci: true,
+        techstack: true,
     });
     const [activeFilter, setActiveFilter] = useState<Filter>('All');
     const {
@@ -545,6 +547,7 @@ export const ProjectsPage: FunctionComponent = () => {
             quicksprints: boolean;
             previewScript: boolean;
             ci: boolean;
+            techstack: boolean;
         },
     ) => {
         setRunningSetupProjectIds(prev => new Set(prev).add(projectId));
@@ -615,7 +618,11 @@ export const ProjectsPage: FunctionComponent = () => {
                 initMode: project.initMode,
                 remoteProvider: project.remoteProvider,
                 isPrivate: project.isPrivate,
-                ...(isLocalProject ? { settingsOverrides: buildGitHubModeProjectSettingsOverride("LOCAL") } : {}),
+                settingsOverrides: buildProjectCreationSettingsOverride({
+                    ...(isLocalProject ? { githubMode: "LOCAL" as const } : {}),
+                    selectedTechstackId: project.selectedTechstackId ?? DEFAULT_DASHBOARD_SETTINGS.techstackCatalog.defaultTechstackId,
+                    applicationKind: project.applicationKind ?? null,
+                }),
             });
             return;
         }
@@ -625,7 +632,7 @@ export const ProjectsPage: FunctionComponent = () => {
             sourceType: project.type,
             sourceRef: project.path,
             cloneDir: project.cloneDir,
-            ...(project.type === "local" ? { settingsOverrides: buildGitHubModeProjectSettingsOverride("LOCAL") } : {}),
+            ...(project.type === "local" ? { settingsOverrides: buildProjectCreationSettingsOverride({ githubMode: "LOCAL" }) } : {}),
         });
         if (project.setup?.enabled) {
             launchProjectSetup(createdProject.id, createdProject.name, project.setup.options);
@@ -803,7 +810,7 @@ export const ProjectsPage: FunctionComponent = () => {
                                         onDelete={() => { void deleteProject(source.id); }}
                                         onSetup={() => {
                                             setSetupProjectId(source.id);
-                                            setSetupOptions({ agents: true, quicksprints: true, previewScript: true, ci: true });
+                                            setSetupOptions({ agents: true, quicksprints: true, previewScript: true, ci: true, techstack: true });
                                             setSetupError(null);
                                         }}
                                         onOpenInvocation={() => {
@@ -864,6 +871,7 @@ export const ProjectsPage: FunctionComponent = () => {
                                     { key: "quicksprints", label: "Quicksprints", description: "Sprint templates." },
                                     { key: "previewScript", label: "Preview Script", description: "Container startup." },
                                     { key: "ci", label: "CI", description: "Basic checks." },
+                                    { key: "techstack", label: "Techstack", description: "Detect and assign from manifests." },
                                 ] as const).map((option) => (
                                     <button
                                         key={option.key}