archsight 0.1.2 → 0.1.3

data/lib/archsight/web/public/css/instance.css

@@ -327,3 +327,492 @@
   color: var(--muted-color);
   font-style: italic;
 }
+
+/* Analysis resource styles */
+.analysis-header {
+  margin-bottom: 0.75rem;
+}
+
+.analysis-header h2 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.analysis-description {
+  margin-top: 0.75rem;
+  padding: 0.75rem;
+  background-color: var(--card-background-color);
+  border-radius: 8px;
+  border: 1px solid var(--muted-border-color);
+}
+
+.analysis-metadata {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  align-items: center;
+  padding: 0.75rem 0;
+  margin-top: 0.5rem;
+}
+
+.analysis-meta-item {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  font-size: 0.9em;
+  color: var(--muted-color);
+  padding: 0.25rem 0.5rem;
+  background-color: var(--code-background-color);
+  border-radius: 4px;
+}
+
+.analysis-meta-item i {
+  font-size: 1.1em;
+}
+
+.analysis-meta-item.status-enabled {
+  color: #10b981;
+}
+
+.analysis-meta-item.status-disabled {
+  color: #ef4444;
+}
+
+.analysis-script pre.code {
+  margin: 0;
+  white-space: pre;
+  overflow-x: auto;
+}
+
+.analysis-script pre.code code {
+  white-space: pre;
+}
+
+.analysis-execution header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.analysis-execution header h3 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin: 0;
+}
+
+.analysis-execute-controls {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+}
+
+.analysis-execute-controls button {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  padding: 0.4rem 0.75rem;
+  font-size: 0.85em;
+  margin: 0;
+}
+
+.analysis-loading {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  padding: 2rem;
+  color: var(--muted-color);
+}
+
+.htmx-indicator {
+  display: none;
+}
+
+.htmx-request .htmx-indicator {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.5rem;
+  color: var(--muted-color);
+}
+
+.htmx-request #execute-analysis-btn {
+  opacity: 0.6;
+  pointer-events: none;
+}
+
+@keyframes spin {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+
+.spinning {
+  animation: spin 1s linear infinite;
+}
+
+.analysis-results {
+  min-height: 100px;
+  padding: 1rem;
+  background-color: var(--card-background-color);
+  border: 1px solid var(--muted-border-color);
+  border-radius: 8px;
+}
+
+.analysis-results-placeholder {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  color: var(--muted-color);
+  font-style: italic;
+  margin: 0;
+}
+
+.analysis-empty-state {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 1.5rem;
+  color: var(--muted-color);
+}
+
+/* Analysis result styles */
+.analysis-result-container {
+  padding: 0;
+}
+
+.analysis-result-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 0.75rem 1rem;
+  margin: -1rem -1rem 1rem -1rem;
+  background-color: var(--code-background-color);
+  border-radius: 8px 8px 0 0;
+  border-bottom: 1px solid var(--muted-border-color);
+}
+
+.analysis-result-header .status-indicator {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-weight: 600;
+}
+
+.analysis-result-header .status-success {
+  color: #10b981;
+}
+
+.analysis-result-header .status-findings {
+  color: #f59e0b;
+}
+
+.analysis-result-header .status-error {
+  color: #ef4444;
+}
+
+.analysis-result-header .duration {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  font-size: 0.9em;
+  color: var(--muted-color);
+}
+
+.analysis-error-details {
+  padding: 0.75rem 1rem;
+  margin-bottom: 1rem;
+  background-color: rgba(239, 68, 68, 0.1);
+  border: 1px solid rgba(239, 68, 68, 0.3);
+  border-radius: 4px;
+  color: #ef4444;
+}
+
+.analysis-error-details details {
+  margin-top: 0.5rem;
+}
+
+.analysis-error-details summary {
+  cursor: pointer;
+  color: var(--muted-color);
+  font-size: 0.9em;
+}
+
+.analysis-error-details pre {
+  margin-top: 0.5rem;
+  font-size: 0.85em;
+  max-height: 200px;
+  overflow: auto;
+}
+
+.analysis-output {
+  margin-top: 0.5rem;
+}
+
+.analysis-heading {
+  font-weight: 600;
+  margin: 1rem 0 0.5rem 0;
+}
+
+.analysis-heading.level-0 {
+  font-size: 1.25em;
+  border-bottom: 1px solid var(--muted-border-color);
+  padding-bottom: 0.25rem;
+}
+
+.analysis-heading.level-1 {
+  font-size: 1.1em;
+}
+
+.analysis-heading.level-2 {
+  font-size: 1em;
+}
+
+.analysis-text {
+  margin: 0.5rem 0;
+}
+
+.analysis-text p {
+  margin: 0;
+}
+
+.analysis-message {
+  display: flex;
+  align-items: flex-start;
+  gap: 0.5rem;
+  padding: 0.5rem 0.75rem;
+  margin: 0.5rem 0;
+  border-radius: 4px;
+}
+
+.analysis-message i {
+  margin-top: 0.15rem;
+}
+
+.analysis-message.message-info {
+  background-color: rgba(59, 130, 246, 0.1);
+  border: 1px solid rgba(59, 130, 246, 0.3);
+  color: #3b82f6;
+}
+
+.analysis-message.message-warning {
+  background-color: rgba(245, 158, 11, 0.1);
+  border: 1px solid rgba(245, 158, 11, 0.3);
+  color: #f59e0b;
+}
+
+.analysis-message.message-error {
+  background-color: rgba(239, 68, 68, 0.1);
+  border: 1px solid rgba(239, 68, 68, 0.3);
+  color: #ef4444;
+}
+
+.analysis-table-wrapper {
+  margin: 0.75rem 0;
+  overflow-x: auto;
+}
+
+.analysis-list {
+  margin: 0.5rem 0;
+  padding-left: 1.5rem;
+}
+
+.analysis-list li {
+  margin: 0.25rem 0;
+}
+
+/* Analysis details collapsible section */
+.analysis-details-section {
+  margin-top: 1rem;
+  border: 1px solid var(--muted-border-color);
+  border-radius: 8px;
+  background-color: var(--card-background-color);
+}
+
+.analysis-details-section summary {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.75rem 1rem;
+  cursor: pointer;
+  font-weight: 600;
+  color: var(--muted-color);
+  user-select: none;
+}
+
+.analysis-details-section summary:hover {
+  color: var(--color);
+}
+
+.analysis-details-section summary::marker,
+.analysis-details-section summary::-webkit-details-marker {
+  display: none;
+}
+
+.analysis-details-section summary::before {
+  content: '\25B6';
+  font-size: 0.7em;
+  transition: transform 0.2s ease;
+}
+
+.analysis-details-section[open] summary::before {
+  transform: rotate(90deg);
+}
+
+.analysis-details-section[open] {
+  padding-bottom: 0;
+}
+
+.analysis-details-content {
+  padding: 1rem;
+  border-top: 1px solid var(--muted-border-color);
+}
+
+.analysis-details-content .analysis-metadata {
+  margin-bottom: 1rem;
+}
+
+.analysis-details-content .analysis-script {
+  border: none;
+  margin: 0;
+}
+
+.analysis-script-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 0.5rem;
+}
+
+.analysis-script-header .copy-button {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.85em;
+}
+
+/* Import detail styles */
+.import-header {
+  margin-bottom: 0.75rem;
+}
+
+.import-header header {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+.import-header header h2 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  margin-right: auto;
+}
+
+.import-description {
+  margin-top: 0.75rem;
+  padding: 0.75rem;
+  background-color: var(--card-background-color);
+  border-radius: 8px;
+  border: 1px solid var(--muted-border-color);
+}
+
+.import-metadata {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem;
+  margin-bottom: 1rem;
+}
+
+.import-meta-item {
+  display: flex;
+  align-items: center;
+  gap: 0.35rem;
+  font-size: 0.9em;
+  color: var(--muted-color);
+  padding: 0.25rem 0.5rem;
+  background-color: var(--code-background-color);
+  border-radius: 4px;
+}
+
+.import-meta-item i {
+  font-size: 1.1em;
+}
+
+.import-meta-item.status-enabled {
+  color: #10b981;
+}
+
+.import-meta-item.status-disabled {
+  color: #ef4444;
+}
+
+.import-output-path {
+  margin-bottom: 1rem;
+  padding: 0.5rem 0.75rem;
+  background-color: var(--code-background-color);
+  border-radius: 4px;
+}
+
+.import-output-path code {
+  margin-left: 0.5rem;
+}
+
+.import-config-section {
+  margin-top: 1rem;
+  border: 1px solid var(--muted-border-color);
+  border-radius: 8px;
+  background-color: var(--card-background-color);
+}
+
+.import-config-section summary {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  padding: 0.75rem 1rem;
+  cursor: pointer;
+  font-weight: 600;
+  color: var(--muted-color);
+  user-select: none;
+}
+
+.import-config-section summary:hover {
+  color: var(--color);
+}
+
+.import-config-section summary::marker,
+.import-config-section summary::-webkit-details-marker {
+  display: none;
+}
+
+.import-config-section summary::before {
+  content: '\25B6';
+  font-size: 0.7em;
+  transition: transform 0.2s ease;
+}
+
+.import-config-section[open] summary::before {
+  transform: rotate(90deg);
+}
+
+.import-config-table {
+  width: 100%;
+  margin: 0;
+  border-collapse: collapse;
+}
+
+.import-config-table th,
+.import-config-table td {
+  padding: 0.5rem 1rem;
+  border-top: 1px solid var(--muted-border-color);
+}
+
+.import-config-table th {
+  width: 30%;
+  text-align: left;
+  font-weight: 500;
+  color: var(--muted-color);
+}
+
+.import-config-table code {
+  word-break: break-all;
+}

data/lib/archsight/web/views/api_docs.erb

@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <title>Archsight API Documentation</title>
+  <meta charset="utf-8"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,700|Roboto:300,400,700" rel="stylesheet">
+  <style>
+    body {
+      margin: 0;
+      padding: 0;
+    }
+  </style>
+</head>
+<body>
+  <redoc spec-url='/api/v1/openapi.yaml'></redoc>
+  <script src="https://cdn.redoc.ly/redoc/latest/bundles/redoc.standalone.js"></script>
+</body>
+</html>

data/lib/archsight/web/views/partials/artifact/_project_estimate.haml

@@ -5,22 +5,28 @@
 - schedule = annotations['scc/estimatedScheduleMonths']
 - people = annotations["scc/estimatedPeople"]
 - if cost || schedule || people
+  - ai_cost = ai_adjusted_estimate(:cost, cost)
+  - ai_schedule = ai_adjusted_estimate(:schedule, schedule)
+  - ai_people = ai_adjusted_estimate(:team, people)
   %tr
-    %th{ scope: "row" } Project Estimate
+    %th{ scope: "row" }
+      Project Estimate
+      %span.estimate-note{ title: "Estimates adjusted for \u20AC80k salary and AI-assisted development (3x productivity)" }
+        %i.iconoir-info-circle
     %td
       .project-estimate
-        - if cost
+        - if ai_cost
           .estimate-item
-            %i.iconoir-dollar-circle
+            %i.iconoir-euro
             %span.estimate-label Cost:
-            %span.estimate-value= to_dollar(cost.to_f)
-        - if schedule
+            %span.estimate-value= to_euro(ai_cost)
+        - if ai_schedule
           .estimate-item
             %i.iconoir-calendar
             %span.estimate-label Schedule:
-            %span.estimate-value= "#{schedule} months"
-        - if people
+            %span.estimate-value= "#{format('%.1f', ai_schedule)} months"
+        - if ai_people
           .estimate-item
             %i.iconoir-group
             %span.estimate-label Team:
-            %span.estimate-value= "#{people} people"
+            %span.estimate-value= "#{ai_people} people"

data/lib/archsight/web/views/partials/instance/_analysis_detail.haml

@@ -0,0 +1,74 @@
+- analysis = db.instance_by_kind(@kind, @instance)
+- return unless analysis
+- script = analysis.annotations['analysis/script']
+- description = analysis.annotations['analysis/description']
+- handler = analysis.annotations['analysis/handler'] || 'ruby'
+- timeout = analysis.annotations['analysis/timeout'] || '30s'
+- enabled = analysis.annotations['analysis/enabled'] != 'false'
+
+%article.analysis-header
+  %header
+    %h2
+      %i{class: "iconoir-#{analysis.class.icon} icon-#{analysis.class.layer}"}
+      .instance-title-text
+        %span.instance-name= @instance
+        %span.instance-kind-subtitle= @kind
+    - unless enabled
+      %span.badge.badge-warning Disabled
+  - if description
+    .analysis-description
+      != markdown(description)
+
+- if script
+  %article.analysis-execution
+    %header
+      %h3
+        %i.iconoir-play
+        Results
+      .analysis-execute-controls
+        %button#execute-analysis-btn.secondary.outline{"hx-post": "/kinds/Analysis/instances/#{@instance}/execute", "hx-target": "#analysis-results", "hx-swap": "innerHTML", "hx-indicator": "#execute-spinner"}
+          %i.iconoir-refresh
+          Re-run
+        %span#execute-spinner.htmx-indicator
+          %i.iconoir-refresh.spinning
+          Running...
+    #analysis-results.analysis-results{"hx-post": "/kinds/Analysis/instances/#{@instance}/execute", "hx-trigger": "load", "hx-swap": "innerHTML"}
+      .analysis-loading
+        %i.iconoir-refresh.spinning
+        Running analysis...
+
+  %details.analysis-details-section
+    %summary
+      %i.iconoir-code-brackets-square
+      Script Details
+    .analysis-details-content
+      .analysis-metadata
+        %span.analysis-meta-item
+          %i.iconoir-code
+          = handler
+        %span.analysis-meta-item
+          %i.iconoir-timer
+          = timeout
+        - if enabled
+          %span.analysis-meta-item.status-enabled
+            %i.iconoir-check-circle
+            Enabled
+        - else
+          %span.analysis-meta-item.status-disabled
+            %i.iconoir-xmark-circle
+            Disabled
+      .analysis-script
+        .analysis-script-header
+          %strong Script
+          %button.copy-button{onclick: "navigator.clipboard.writeText(document.getElementById('analysis-script-content').textContent)", title: "Copy script to clipboard"}
+            %i.iconoir-copy
+        %pre.code
+          %code#analysis-script-content.language-ruby= script
+
+- else
+  %article
+    %p.analysis-empty-state
+      %i.iconoir-warning-triangle
+      No script defined for this analysis.
+
+!= haml :"partials/instance/_relations", locals: { instance: analysis }

data/lib/archsight/web/views/partials/instance/_analysis_result.haml

@@ -0,0 +1,64 @@
+- accordion_name = "analysis-#{result.name.gsub(/[^a-zA-Z0-9]/, '-')}"
+
+.analysis-result-container{class: result.success? ? 'success' : 'failed'}
+  .analysis-result-header
+    %span.status-indicator
+      - if result.success?
+        - if result.has_findings?
+          %i.iconoir-warning-triangle.status-findings
+          Completed with findings
+        - else
+          %i.iconoir-check-circle.status-success
+          Completed successfully
+      - else
+        %i.iconoir-xmark-circle.status-error
+        Failed
+    - if result.duration
+      %span.duration
+        %i.iconoir-timer
+        = format("%.2fs", result.duration)
+
+  - if result.failed?
+    .analysis-error-details
+      %strong Error:
+      = result.error
+      - if result.error_backtrace&.any?
+        %details
+          %summary Show backtrace
+          %pre.code= result.error_backtrace.join("\n")
+
+  - if result.sections.any?
+    .analysis-output
+      -# Group sections by top-level headings (level 0)
+      - groups = []
+      - current_group = { title: nil, sections: [] }
+      - result.sections.each do |section|
+        - if section[:type] == :heading && section[:level] == 0
+          - groups << current_group if current_group[:title] || current_group[:sections].any?
+          - current_group = { title: section[:text], sections: [] }
+        - else
+          - current_group[:sections] << section
+      - groups << current_group if current_group[:title] || current_group[:sections].any?
+
+      - if groups.size <= 1 && groups.first && groups.first[:title].nil?
+        -# No top-level headings, render sections directly without accordions
+        - groups.first[:sections].each do |section|
+          != render_analysis_section(section)
+      - else
+        -# Render as accordions (Pico CSS style)
+        - titled_groups = groups.select { |g| g[:title] }
+        - untitled_group = groups.find { |g| g[:title].nil? }
+
+        -# Render any sections before first heading without accordion
+        - if untitled_group && untitled_group[:sections].any?
+          - untitled_group[:sections].each do |section|
+            != render_analysis_section(section)
+
+        -# Render titled groups as accordions with hr separators
+        - titled_groups.each_with_index do |group, idx|
+          - if idx > 0
+            %hr
+          %details{name: accordion_name, open: (true if idx == 0)}
+            %summary= group[:title]
+            - group[:sections].each do |section|
+              != render_analysis_section(section)

data/lib/archsight/web/views/partials/instance/_detail.haml

@@ -20,10 +20,14 @@
       - if instance.annotations['generated/script']
         .generated-badge
           %span.generated-script
-            Generated by
-            = instance.annotations['generated/script']
+            by
+            - script_name = instance.annotations['generated/script']
+            %a{href: "/kinds/Import/instances/#{script_name}"}
+              = script_name
           - if instance.annotations['generated/at']
-            %span.generated-time= time_ago(instance.annotations['generated/at'])
+            %span.generated-time
+              generated
+              = time_ago(instance.annotations['generated/at'])
     - if instance.has_relations?
       .graph-container
         #graphviz.canvas