archsight 0.1.0

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

@@ -0,0 +1,69 @@
+- instance = db.instance_by_kind(@kind, @instance)
+- return unless instance
+- platforms = (instance.annotations['workflow/platforms'] || 'none').split(',').map(&:strip)
+- types = (instance.annotations['workflow/types'] || 'none').split(',').map(&:strip)
+
+- if platforms != ['none'] || types != ['none']
+  - has_generic_test = types.include?('test')
+  %tr
+    %th{scope: 'row'} CI/CD Platforms
+    %td
+      .workflow-platforms
+        %a.workflow-platform-item{**filter_link_attrs('workflow/platforms', 'github-actions')}
+          %input{type: 'checkbox', disabled: true, checked: platforms.include?('github-actions')}
+          %label GitHub Actions
+        %a.workflow-platform-item{**filter_link_attrs('workflow/platforms', 'gitlab-ci')}
+          %input{type: 'checkbox', disabled: true, checked: platforms.include?('gitlab-ci')}
+          %label GitLab CI
+        %a.workflow-platform-item{**filter_link_attrs('workflow/platforms', 'makefile')}
+          %input{type: 'checkbox', disabled: true, checked: platforms.include?('makefile')}
+          %label Makefile
+  %tr
+    %td.info-section-cell{colspan: 2}
+      %details{open: true}
+        %summary
+          %strong Workflow Types
+        .workflow-types
+          %div
+            .workflow-category
+              %strong Build & Deploy
+              %ul
+                %li
+                  %input{type: 'checkbox', disabled: true, checked: types.include?('build')}
+                  %a{**filter_link_attrs('workflow/types', 'build')} Build
+                %li
+                  %input{type: 'checkbox', disabled: true, checked: types.include?('deploy')}
+                  %a{**filter_link_attrs('workflow/types', 'deploy')} Deploy
+            .workflow-category
+              %strong Testing
+              %ul
+                %li
+                  %input{type: 'checkbox', disabled: true, checked: types.include?('test')}
+                  %a{**filter_link_attrs('workflow/types', 'test')} Test (generic)
+                %li{class: has_generic_test ? 'grayed-out' : ''}
+                  %input{type: 'checkbox', disabled: true, checked: types.include?('unit-test')}
+                  %a{**filter_link_attrs('workflow/types', 'unit-test')} Unit Tests
+                %li{class: has_generic_test ? 'grayed-out' : ''}
+                  %input{type: 'checkbox', disabled: true, checked: types.include?('integration-test')}
+                  %a{**filter_link_attrs('workflow/types', 'integration-test')} Integration Tests
+                %li{class: has_generic_test ? 'grayed-out' : ''}
+                  %input{type: 'checkbox', disabled: true, checked: types.include?('smoke-test')}
+                  %a{**filter_link_attrs('workflow/types', 'smoke-test')} Smoke Tests
+            .workflow-category
+              %strong Quality & Security
+              %ul
+                %li
+                  %input{type: 'checkbox', disabled: true, checked: types.include?('lint')}
+                  %a{**filter_link_attrs('workflow/types', 'lint')} Linting
+                %li
+                  %input{type: 'checkbox', disabled: true, checked: types.include?('security-scan')}
+                  %a{**filter_link_attrs('workflow/types', 'security-scan')} Security Scan
+            .workflow-category
+              %strong Automation
+              %ul
+                %li
+                  %input{type: 'checkbox', disabled: true, checked: types.include?('dependency-update')}
+                  %a{**filter_link_attrs("workflow/types", "dependency-update")} Dependency Updates
+                %li
+                  %input{ type: "checkbox", disabled: true, checked: types.include?("ticket-creation") }
+                  %a{ **filter_link_attrs("workflow/types", "ticket-creation") } Ticket Creation

data/lib/archsight/web/views/partials/components/_activity.haml

@@ -0,0 +1,37 @@
+-# Activity component - commits sparkline + trend (last 12 months)
+- annotations = instance.annotations
+- commits = annotations['activity/commits']
+- status = annotations['activity/status']
+- bus_factor = annotations['activity/busFactor']
+- contributors_6m = annotations['activity/contributors/6m']
+- if commits || status
+  - commit_values = commits ? commits.split(',').map(&:to_i).last(12) : []
+  - total_commits = commit_values.sum
+  -# Calculate trend: compare last 3 months vs previous 3 months
+  - recent_3m = commit_values.last(3).sum
+  - previous_3m = commit_values[-6, 3]&.sum || 0
+  - if previous_3m > 0
+    - trend_pct = ((recent_3m - previous_3m).to_f / previous_3m * 100).round
+  - else
+    - trend_pct = recent_3m > 0 ? 100 : 0
+  - trend_class = trend_pct > 10 ? 'positive' : (trend_pct < -10 ? 'negative' : 'neutral')
+  - tooltip_parts = []
+  - tooltip_parts << "#{total_commits} commits (12m)" if total_commits > 0
+  - tooltip_parts << "trend: #{recent_3m} vs #{previous_3m} (3m)"
+  - tooltip_parts << "#{contributors_6m} contributors" if contributors_6m
+  - tooltip_parts << "status: #{status}" if status
+  - tooltip_parts << "bus factor: #{bus_factor}" if bus_factor
+  - tooltip = tooltip_parts.join(', ')
+  .component-activity{title: tooltip}
+    - if commits && !commits.empty?
+      .activity-sparkline.sparkline-sm{'data-values' => commit_values.join(',')}
+      .component-trend{class: "trend-#{trend_class}"}
+        - if trend_pct.positive?
+          %i.iconoir-arrow-up
+        - elsif trend_pct.negative?
+          %i.iconoir-arrow-down
+        - else
+          %i.iconoir-minus
+        %span= "#{trend_pct.abs}%"
+- else
+  %span.empty-value —

data/lib/archsight/web/views/partials/components/_git.haml

@@ -0,0 +1,17 @@
+-# Git component - repository link
+- annotations = instance.annotations
+- git_url = annotations['repository/git']
+- visibility = annotations['repository/visibility']
+- if git_url
+  - display_name = git_url.sub(%r{^https?://}, '').sub(/\.git$/, '')
+  - short_name = display_name.split('/').last(2).join('/')
+  - tooltip = git_url
+  - tooltip += " (#{visibility})" if visibility
+  %a.component-link{href: git_url, target: "_blank", title: tooltip}
+    - if git_url.include?("gitlab")
+      %i.iconoir-git-fork
+    - else
+      %i.iconoir-github
+    = short_name
+- else
+  %span.empty-value —

data/lib/archsight/web/views/partials/components/_jira.haml

@@ -0,0 +1,18 @@
+-# Jira component - compact for tables
+- annotations = instance.annotations
+- jira_key = annotations['team/jira']
+- jira_url = annotations['jira/projectUrl']
+- jira_created = annotations['jira/issues/created']
+- jira_resolved = annotations['jira/issues/resolved']
+- if jira_key
+  .component-jira
+    %a.badge.badge-sm{href: jira_url, target: '_blank'}= jira_key
+    - if jira_created && jira_resolved
+      - created_avg = jira_created.split(',').map(&:to_i).sum / 6.0
+      - resolved_avg = jira_resolved.split(',').map(&:to_i).sum / 6.0
+      - backlog_change = (created_avg - resolved_avg).round(1)
+      - trend_class = backlog_change < -1 ? 'positive' : (backlog_change > 1 ? 'negative' : 'neutral')
+      .component-trend{class: "trend-#{trend_class}", title: "#{created_avg.round(1)} created/mo, #{resolved_avg.round(1)} resolved/mo"}
+        = "#{"+" if backlog_change.positive?}#{backlog_change}"
+- else
+  %span.empty-value —

data/lib/archsight/web/views/partials/components/_languages.haml

@@ -0,0 +1,29 @@
+-# Languages component - bar visualization with tooltip details
+- annotations = instance.annotations
+- languages = annotations['scc/languages']
+- if languages && !languages.empty?
+  - lang_data = []
+  - languages.split(',').each do |lang|
+    - loc_value = annotations["scc/language/#{lang.strip}/loc"]
+    - lang_data << { name: lang.strip, loc: loc_value ? loc_value.to_i : 0 }
+  - lang_data = lang_data.sort_by { |l| -l[:loc] }
+  - total_loc = lang_data.sum { |l| l[:loc] }
+  - if total_loc > 0
+    -# Build tooltip with language breakdown
+    - tooltip_parts = ["#{number_with_delimiter(total_loc)} loc"]
+    - lang_data.first(5).each { |l| tooltip_parts << "#{l[:name]}: #{number_with_delimiter(l[:loc])} (#{(l[:loc].to_f / total_loc * 100).round(1)}%)" }
+    - tooltip_parts << "..." if lang_data.size > 5
+    - tooltip = tooltip_parts.join(", ")
+    .component-language{title: tooltip}
+      .component-lang-bar
+        - lang_data.first(5).each_with_index do |lang, idx|
+          - pct = (lang[:loc].to_f / total_loc * 100).round(1)
+          - if pct > 0
+            .lang-bar-segment{class: "lang-#{idx}", style: "width: #{pct}%"}
+        - other_pct = 100 - lang_data.first(5).sum { |l| (l[:loc].to_f / total_loc * 100).round(1) }
+        - if other_pct.positive?
+          .lang-bar-segment.lang-other{ style: "width: #{other_pct}%" }
+  - else
+    %span.empty-value —
+- else
+  %span.empty-value —

data/lib/archsight/web/views/partials/components/_owner.haml

@@ -0,0 +1,15 @@
+-# Owner component - team/owner link
+- annotations = instance.annotations
+- owner = annotations['team/owner']
+- if owner
+  - owner_instance = @database.find("BusinessActor", owner)
+  .component-owner{title: owner}
+    - if owner_instance
+      %a.component-link{ href: "/artifact/BusinessActor/#{owner}" }
+        %i.iconoir-community
+        = owner
+    - else
+      %i.iconoir-community
+      = owner
+- else
+  %span.empty-value —

data/lib/archsight/web/views/partials/components/_repositories.haml

@@ -0,0 +1,37 @@
+-# Repositories component - count + mini bar with all statuses
+- annotations = instance.annotations
+- total = annotations['repository/artifacts/total']&.to_i
+- active = annotations['repository/artifacts/active']&.to_i || 0
+- abandoned = annotations['repository/artifacts/abandoned']&.to_i || 0
+- archived = annotations['repository/artifacts/archived']&.to_i || 0
+- high_bus_factor = annotations['repository/artifacts/highBusFactor']&.to_i || 0
+- if total && total > 0
+  - active_healthy = active - high_bus_factor
+  - other = total - active - abandoned - archived
+  - tooltip_parts = []
+  - tooltip_parts << "#{active_healthy} active" if active_healthy > 0
+  - tooltip_parts << "#{high_bus_factor} high bus factor" if high_bus_factor > 0
+  - tooltip_parts << "#{archived} archived" if archived > 0
+  - tooltip_parts << "#{other} other" if other > 0
+  - tooltip_parts << "#{abandoned} abandoned" if abandoned > 0
+  - tooltip = "#{total} repos: #{tooltip_parts.join(', ')}"
+  .component-repos{title: tooltip}
+    %span.component-count= total
+    .component-bar-mini
+      - if active_healthy > 0
+        - pct = (active_healthy.to_f / total * 100).round
+        .bar-segment.status-active{style: "width: #{pct}%"}
+      - if high_bus_factor > 0
+        - pct = (high_bus_factor.to_f / total * 100).round
+        .bar-segment.status-high-bus-factor{style: "width: #{pct}%"}
+      - if archived > 0
+        - pct = (archived.to_f / total * 100).round
+        .bar-segment.status-archived{style: "width: #{pct}%"}
+      - if other > 0
+        - pct = (other.to_f / total * 100).round
+        .bar-segment.status-other{style: "width: #{pct}%"}
+      - if abandoned.positive?
+        - pct = (abandoned.to_f / total * 100).round
+        .bar-segment.status-abandoned{ style: "width: #{pct}%" }
+- else
+  %span.empty-value —

data/lib/archsight/web/views/partials/components/_status.haml

@@ -0,0 +1,23 @@
+-# Status component - status + bus factor
+- annotations = instance.annotations
+- status = annotations['activity/status']
+- bus_factor = annotations['activity/busFactor']
+- contributors_6m = annotations['activity/contributors/6m']
+- if status || bus_factor
+  - bus_factor_desc = case bus_factor
+  - when 'high' then 'High risk: >75% commits from one contributor'
+  - when 'medium' then 'Medium risk: 50-75% commits from one contributor'
+  - when 'low' then 'Low risk: No single contributor dominates'
+  - else nil
+  - tooltip_parts = []
+  - tooltip_parts << "Status: #{status}" if status
+  - tooltip_parts << bus_factor_desc if bus_factor_desc
+  - tooltip_parts << "#{contributors_6m} contributors (6m)" if contributors_6m
+  - tooltip = tooltip_parts.join(' | ')
+  .component-status{title: tooltip}
+    - if status
+      %span.component-badge{class: "status-#{status}"}= status
+    - if bus_factor && bus_factor != "low"
+      %span.component-badge{ class: "bus-factor-#{bus_factor}" }= "bus:#{bus_factor}"
+- else
+  %span.empty-value —

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

@@ -0,0 +1,99 @@
+- instance = db.instance_by_kind(@kind, @instance)
+- unless instance
+  %article
+    %header
+      %h2 Not Found
+    %p
+      Instance
+      %strong= @instance
+      of kind
+      %strong= @kind
+      was not found.
+- else
+  %article
+    %header
+      %h2
+        %i{class: "iconoir-#{instance.class.icon} icon-#{instance.class.layer}"}
+        .instance-title-text
+          %span.instance-name= @instance
+          %span.instance-kind-subtitle= @kind
+      - if instance.annotations['generated/script']
+        .generated-badge
+          %span.generated-script
+            Generated by
+            = instance.annotations['generated/script']
+          - if instance.annotations['generated/at']
+            %span.generated-time= time_ago(instance.annotations['generated/at'])
+    - if instance.has_relations?
+      .graph-container
+        #graphviz.canvas
+        != graphviz_svg(create_graph_one(db, @kind, @instance), 'graphviz')
+    - if instance.annotations['architecture/description']
+      - git_url = instance.annotations['repository/git']
+      - if instance.has_relations?
+        %footer
+          != markdown(instance.annotations['architecture/description'], git_url: git_url)
+      - else
+        != markdown(instance.annotations['architecture/description'], git_url: git_url)
+  != haml :'partials/instance/_requirements', locals: { instance: instance }
+  %article.documentation
+    %header
+      %h2 Details
+    %table
+      %thead
+        %tr
+          %th{scope: 'col'} Name
+          %th{scope: 'col'} Value
+      %tbody
+        != haml :'partials/artifact/_git_info'
+        != haml :'partials/artifact/_language_stats'
+        != haml :'partials/artifact/_project_estimate'
+        != haml :'partials/artifact/_repositories'
+        != haml :'partials/artifact/_activity'
+        != haml :'partials/artifact/_team'
+        != haml :'partials/artifact/_deployment'
+        != haml :'partials/artifact/_workflow'
+        != haml :'partials/artifact/_agentic'
+        != haml :'partials/artifact/_links'
+        - instance.annotations.each do |k, v|
+          - next if k == 'scc/languages' || k =~ /^scc\/language\/.+\/loc$/
+          - next if k =~ /^scc\/estimated(Cost|ScheduleMonths|People)$/
+          - next if k =~ /^activity\/(commits|contributors(\/(6m|total))?|status|busFactor|createdAt)$/
+          - next if k == 'architecture/description'
+          - next if k =~ /^repository\/(artifacts|git|visibility|)$/
+          - next if k.start_with?('repository/artifacts/')
+          - next if k == 'workflow/platforms'
+          - next if k == 'workflow/types'
+          - next if k == 'agentic/tools'
+          - next if k.start_with?('link/')
+          - next if k.start_with?('team/')
+          - next if k.start_with?('jira/')
+          - next if k.start_with?('generated/')
+          - annotation_def = Archsight::Resources[@kind].annotation_matching(k)
+          %tr
+            %th{scope: 'row', title: annotation_def&.description}= annotation_def&.title || k.split('/').last.capitalize
+            %td
+              - format = Archsight::Resources[@kind].annotation_format(k)
+              - case format
+              - when :markdown
+                != markdown(v, git_url: git_url)
+              - when :tag_list
+                .instance-badges
+                  - v.split(',').map(&:strip).each do |val|
+                    - badge_class = case k
+                    - when 'repository/artifacts' then "deployment-#{val}"
+                    - when 'workflow/platforms' then "workflow-#{val}"
+                    - when 'workflow/types' then "workflow-#{val}"
+                    - when 'agentic/tools' then "agentic-#{val}"
+                    - else ''
+                    %a.badge.badge-info{class: badge_class, **filter_link_attrs(k, val)}
+                      = val
+              - when :tag_word
+                %a.badge.badge-info{**filter_link_attrs(k, v)}
+                  = v
+              - else
+                - if v.is_a?(String) && v.start_with?(%r{https?://})
+                  %a{ href: v, target: "_blank" }= v
+                - else
+                  = v
+  != haml :"partials/instance/_relations", locals: { instance: instance }

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

@@ -0,0 +1,6 @@
+%article
+  %header
+    %h2 Architecture Overview
+  .graph-container.graph-expand
+    #graphviz.fullcanvas
+      != graphviz_svg(create_graph_all(db), "graphviz")

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

@@ -0,0 +1,84 @@
+-# Parameters:
+-#   instances: Array of resource instances to display
+-#   omit_kind: Boolean - hide kind column (default: false)
+-#   fields: Array of annotation keys to display as columns (optional, overrides list_annotations)
+- omit_kind ||= false
+- fields ||= nil
+- if instances.nil? || instances.empty?
+  %p.empty-state
+    %i No resources found
+- else
+  - sample_class = instances.first.class
+  -# Determine which annotations to show as columns
+  - if fields
+    -# Use provided fields - convert to annotation-like objects
+    -# Always create wrapper with the actual field key to ensure correct value lookups
+    -# (pattern annotations like scc/language/*/loc have the pattern as key, not the actual field)
+    - field_annotation = Struct.new(:key, :title, :description, :type)
+    - list_annotations = fields.map do |field|
+      - if field.start_with?('@')
+        -# Component field - renders a partial from partials/components/
+        - component_name = field[1..-1]
+        - field_annotation.new(field, component_name.capitalize, "Component: #{component_name}", :component)
+      - else
+        - annotation_def = sample_class.annotation_matching(field)
+        - segments = field.split('/')
+        -# Generate title: for paths like scc/language/C/loc, use "C Loc" (language name + last segment)
+        - if segments.length >= 2
+          - title = "#{segments[-2]} #{segments[-1]}".split(/(?=[A-Z])/).map(&:capitalize).join(' ')
+        - else
+          - title = segments.last.split(/(?=[A-Z])/).map(&:capitalize).join(' ')
+        - field_annotation.new(field, title, annotation_def&.description, annotation_def&.type)
+    - list_annotations.compact!
+  - elsif omit_kind
+    -# Auto-detect from list: true annotations
+    - list_annotations = sample_class.list_annotations
+    - if list_annotations.empty?
+      - tags_annotation = sample_class.annotation_matching('architecture/tags')
+      - list_annotations = [tags_annotation] if tags_annotation
+  - else
+    - list_annotations = []
+  - if list_annotations.any?
+    %table.resource-list-table
+      %thead
+        %tr
+          %th.col-name Name
+          - unless omit_kind
+            %th.col-kind Kind
+          - list_annotations.each do |annotation|
+            %th.col-annotation{title: annotation.description}= annotation.title
+      %tbody
+        - instances.each do |instance|
+          %tr.resource-list-row
+            %td.col-name
+              %a.instance-name{href: "/kinds/#{instance.klass}/instances/#{instance.name}"}
+                %i{class: "iconoir-#{instance.class.icon} icon-#{instance.class.layer}"}
+                = instance.name
+            - unless omit_kind
+              %td.col-kind
+                %span.instance-kind= instance.klass
+            - list_annotations.each do |annotation|
+              %td.col-annotation
+                - if annotation.type == :component
+                  - component_name = annotation.key[1..-1]
+                  != haml :"partials/components/_#{component_name}", locals: { instance: instance }
+                - else
+                  - value = instance.annotations[annotation.key] || instance.computed_annotation_value(annotation.key)
+                  - if value
+                    - if annotation.type == Time
+                      - time_value = value.is_a?(Time) ? value : Time.parse(value.to_s)
+                      %span{title: time_value.strftime("%Y-%m-%d %H:%M:%S")}= time_ago(value)
+                    - else
+                      = value
+                  - else
+                    %span.empty-value —
+  - else
+    %ul.search-instance-list
+      - instances.each do |instance|
+        %li.search-instance-item
+          .instance-main
+            %a.instance-name{href: "/kinds/#{instance.klass}/instances/#{instance.name}"}
+              %i{ class: "iconoir-#{instance.class.icon} icon-#{instance.class.layer}" }
+              = instance.name
+            - unless omit_kind
+              %span.instance-kind= instance.klass

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

@@ -0,0 +1,43 @@
+- return unless instance.has_relations? || instance.references.any?
+%article.relations-section
+  %header
+    %h2 Relations
+  .relations-grid
+    .relations-column.relations-outgoing
+      %h3
+        Outgoing
+        %i.iconoir-arrow-right
+      - if instance.has_relations?
+        - instance.relations_grouped.each do |verb, kinds|
+          - kinds.each do |kind, instances|
+            - kind_class = Archsight::Resources[kind]
+            .relation-group
+              .relation-kind
+                %i{class: "iconoir-#{kind_class&.icon || 'cube'} icon-#{kind_class&.layer || 'technology'}"}
+                %span= kind
+              .relation-verb= verb
+              .instance-badges
+                - instances.sort_by(&:name).each do |item|
+                  %a.badge.badge-info{href: "/kinds/#{item.klass}/instances/#{item.name}"}
+                    = item.name
+      - else
+        .relations-empty None
+    .relations-column.relations-incoming
+      %h3
+        %i.iconoir-arrow-right
+        Incoming
+      - if instance.references.any?
+        - instance.references_grouped.each do |kind, verbs|
+          - kind_class = Archsight::Resources[kind]
+          - verbs.each do |verb, instances|
+            .relation-group
+              .relation-kind
+                %i{class: "iconoir-#{kind_class&.icon || 'cube'} icon-#{kind_class&.layer || 'technology'}"}
+                %span= kind
+              .relation-verb= verb || "references"
+              .instance-badges
+                - instances.sort_by(&:name).each do |item|
+                  %a.badge.badge-info{ href: "/kinds/#{item.klass}/instances/#{item.name}" }
+                    = item.name
+      - else
+        .relations-empty None

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

@@ -0,0 +1,41 @@
+- return unless instance
+- realized = instance.relations(:realizes, :businessRequirements).map { |r| [r, 'implemented'] }
+- partial = instance.relations(:partiallyRealizes, :businessRequirements).map { |r| [r, 'partial'] }
+- planned = instance.relations(:plans, :businessRequirements).map { |r| [r, 'planned'] }
+- all_requirements = realized + partial + planned
+- if all_requirements.any?
+  %article.requirements-section
+    %header
+      %h2 Business Requirements
+    %table.requirements-table
+      %thead
+        %tr
+          %th
+          %th Name
+          %th Priority
+          %th Story
+      %tbody
+        - all_requirements.each do |req, status|
+          - status_icon = case status
+          - when 'implemented' then 'check-circle'
+          - when 'partial' then 'half-moon'
+          - when 'planned' then 'calendar'
+          - else 'circle'
+          - status_title = status.capitalize
+          %tr
+            %td.requirement-status
+              %i.requirement-status-icon{class: "iconoir-#{status_icon} status-#{status}", title: status_title}
+            %td
+              %a{href: "/kinds/BusinessRequirement/instances/#{req.name}"}= req.name
+            %td
+              - priority = req.annotations["requirement/priority"]
+              - if priority
+                %a.badge.badge-info{**search_link_attrs("BusinessRequirement: <- \"#{instance.name}\" & requirement/priority == \"#{priority}\"")}= priority
+              - else
+                %span.view-empty-value -
+            %td.requirement-story
+              - story = req.annotations["requirement/story"]
+              - if story
+                != markdown(story)
+              - else
+                %span.view-empty-value -

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

@@ -0,0 +1,57 @@
+- view_instance = db.instance_by_kind(@kind, @instance)
+- return unless view_instance
+- view_query = view_instance.annotations['view/query']
+- view_description = view_instance.annotations['architecture/description']
+- view_fields_raw = view_instance.annotations['view/fields'] || ''
+- view_fields = view_fields_raw.split(',').map(&:strip).reject(&:empty?)
+- view_type = view_instance.annotations['view/type'] || 'list:name+kind'
+- show_kind = view_type == 'list:name+kind'
+- view_sort_raw = view_instance.annotations['view/sort'] || ''
+- view_sort_fields = view_sort_raw.split(',').map(&:strip).reject(&:empty?)
+
+%article.view-header
+  %header
+    %h2
+      %i{class: "iconoir-#{view_instance.class.icon} icon-#{view_instance.class.layer}"}
+      = @instance
+  - if view_description
+    .view-description
+      != markdown(view_description)
+  - if view_query
+    .view-query-display
+      %p.query-item
+        %span.label Query:
+        %code.query-value= view_query
+
+- if view_query
+  - begin
+    - start_time = Time.now
+    - parsed_query = Archsight::Query.parse(view_query)
+    - results = parsed_query.filter(db)
+    - results = sort_instances(results, view_sort_fields)
+    - search_time_ms = ((Time.now - start_time) * 1000).round(2)
+    -# Hide kind if view_type is not 'list:name+kind' OR if query filters by a specific kind (redundant)
+    - show_kind = show_kind && parsed_query.kind_filter.nil?
+
+    %article.view-results
+      %header
+        %h3 Results
+        %span.view-result-meta
+          = results.size
+          = results.size == 1 ? "item" : "items"
+          in #{search_time_ms} ms
+
+      != haml :"partials/instance/_list", locals: { instances: results, omit_kind: !show_kind, fields: view_fields.any? ? view_fields : nil }
+
+  - rescue Archsight::Query::QueryError => e
+    .search-error
+      .search-error-header
+        %i.iconoir-warning-triangle
+        Query Error
+      .search-error-message= e.message
+      .search-error-query
+        Query:
+        %code= view_query
+- else
+  %p.view-empty-state
+    %em No query defined

data/lib/archsight/web/views/partials/layout/_content.haml

@@ -0,0 +1,40 @@
+.content
+  - if @doc_content
+    %article
+      != @doc_content
+  - elsif @instances
+    != haml :search
+  - elsif @kind && @instance
+    - if !Archsight::Resources[@kind]
+      %article
+        %header
+          %h2 Kind Not Found
+        %p
+          Kind
+          %strong= @kind
+          does not exist.
+    - elsif @kind == "View"
+      != haml :'partials/instance/_view_detail'
+    - else
+      != haml :'partials/instance/_detail'
+  - elsif @kind && !@instance
+    - if !Archsight::Resources[@kind]
+      %article
+        %header
+          %h2 Kind Not Found
+        %p
+          Kind
+          %strong= @kind
+          does not exist.
+    - else
+      - kind_snake = @kind.gsub(/([a-z])([A-Z])/, '\1_\2').downcase
+      %article
+        %header
+          %h2
+            %i{class: "iconoir-#{Archsight::Resources[@kind].icon} icon-#{Archsight::Resources[@kind].layer}"}
+            = @kind
+          %a.kind-help{href: "/doc/resources/#{kind_snake}", title: "Documentation for #{@kind}"}
+            %i.iconoir-help-circle
+        != haml :"partials/instance/_list", locals: { instances: db.instances_by_kind(@kind).values.sort_by(&:name), omit_kind: true }
+  - elsif !@kind
+    != haml :"partials/instance/_graph"

data/lib/archsight/web/views/partials/layout/_error.haml

@@ -0,0 +1,22 @@
+%header.container
+  %article.error-header
+    %h3
+      %i.iconoir-warning-triangle
+      Error
+    %p.error-message= @error.message
+    %p.error-location
+      %i.iconoir-page
+      = relative_error_path(@error.ref.path)
+      %span.error-line-badge Line #{@error.ref.line_no}
+  %a.reload-btn{href: "/reload?redirect=#{params["redirect"]}"}
+    %i.iconoir-refresh
+    Reload
+
+%main.container
+  .error-code-block
+    %pre
+      %code
+        - error_context_lines(@error.ref.path, @error.ref.line_no).each do |line|
+          - line_class = line[:selected] ? "error-line" : "code-line"
+          - escaped_content = ERB::Util.html_escape(line[:content])
+          != "<span class='#{line_class}'><span class='line-number'>#{line[:line_no].to_s.rjust(4)}</span>#{escaped_content}</span>\n"