feat: model overview page

runtime/parser/parse_node.go

@@ -248,26 +248,26 @@ func (p *Parser) parseStem(paths []string, ymlPath, yml, sqlPath, sql string) (*
 			v, ok := v.(string)
 			if !ok {
 				err = fmt.Errorf("invalid type %T for property 'type'", v)
-				break
-			}
-			res.Kind, err = ParseResourceKind(v)
-			if err != nil {
-				break
+			} else {
+				res.Kind, err = ParseResourceKind(v)
 			}
 		case "name":
 			v, ok := v.(string)
 			if !ok {
 				err = fmt.Errorf("invalid type %T for property 'name'", v)
-				break
+			} else {
+				res.Name = v
 			}
-			res.Name = v
 		case "connector":
 			v, ok := v.(string)
 			if !ok {
 				err = fmt.Errorf("invalid type %T for property 'connector'", v)
-				break
+			} else {
+				res.Connector = v
 			}
-			res.Connector = v
+		}
+		if err != nil {
+			break
 		}
 	}
 	if err != nil {

runtime/parser/parser.go

@@ -634,12 +634,13 @@ func (p *Parser) parsePaths(ctx context.Context, paths []string) error {
 	// NOTE 2: Using a map since the two-way check (necessary for reparses) may match the same resource twice.
 	modelsWithNameErrs := make(map[ResourceName]string)
 	for _, r := range p.insertedResources {
-		if r.Name.Kind == ResourceKindSource {
+		switch r.Name.Kind {
+		case ResourceKindSource:
 			n := ResourceName{Kind: ResourceKindModel, Name: r.Name.Name}.Normalized()
 			if _, ok := p.Resources[n]; ok {
 				modelsWithNameErrs[n] = r.Name.Name
 			}
-		} else if r.Name.Kind == ResourceKindModel {
+		case ResourceKindModel:
 			n := ResourceName{Kind: ResourceKindSource, Name: r.Name.Name}.Normalized()
 			if r2, ok := p.Resources[n]; ok {
 				modelsWithNameErrs[r.Name.Normalized()] = r2.Name.Name

web-admin/src/features/projects/status/ActionsCell.svelte

@@ -8,10 +8,12 @@
   export let resourceKind: string;
   export let resourceName: string;
   export let canRefresh: boolean;
+  export let isIncremental: boolean = false;
+  export let hasErroredPartitions: boolean = false;
   export let onClickRefreshDialog: (
     resourceName: string,
     resourceKind: string,
-    refreshType: "full" | "incremental",
+    refreshType: "full" | "incremental" | "errored-partitions",
   ) => void;
   export let isDropdownOpen: boolean;
   export let onDropdownOpenChange: (isOpen: boolean) => void;
@@ -37,17 +39,36 @@
             <span class="ml-2">Full Refresh</span>
           </div>
         </DropdownMenu.Item>
-        <DropdownMenu.Item
-          class="font-normal flex items-center"
-          on:click={() => {
-            onClickRefreshDialog(resourceName, resourceKind, "incremental");
-          }}
-        >
-          <div class="flex items-center">
-            <RefreshCcwIcon size="12px" />
-            <span class="ml-2">Incremental Refresh</span>
-          </div>
-        </DropdownMenu.Item>
+        {#if isIncremental}
+          <DropdownMenu.Item
+            class="font-normal flex items-center"
+            on:click={() => {
+              onClickRefreshDialog(resourceName, resourceKind, "incremental");
+            }}
+          >
+            <div class="flex items-center">
+              <RefreshCcwIcon size="12px" />
+              <span class="ml-2">Incremental Refresh</span>
+            </div>
+          </DropdownMenu.Item>
+        {/if}
+        {#if hasErroredPartitions}
+          <DropdownMenu.Item
+            class="font-normal flex items-center"
+            on:click={() => {
+              onClickRefreshDialog(
+                resourceName,
+                resourceKind,
+                "errored-partitions",
+              );
+            }}
+          >
+            <div class="flex items-center">
+              <RefreshCcwIcon size="12px" />
+              <span class="ml-2">Refresh Errored Partitions</span>
+            </div>
+          </DropdownMenu.Item>
+        {/if}
       {:else}
         <DropdownMenu.Item
           class="font-normal flex items-center"

web-admin/src/features/projects/status/MaterializationCell.svelte

@@ -0,0 +1,29 @@
+<script lang="ts">
+  import { Code2 } from "lucide-svelte";
+  import { Database } from "lucide-svelte";
+
+  export let isView: boolean | undefined;
+  export let physicalSizeBytes: string | number | undefined;
+
+  $: isLikelyView =
+    isView === true ||
+    physicalSizeBytes === "-1" ||
+    physicalSizeBytes === 0 ||
+    !physicalSizeBytes;
+
+  $: label = isLikelyView ? "View" : "Table";
+  $: icon = isLikelyView ? Code2 : Database;
+</script>
+
+<div class="shrink-0 flex items-center gap-x-1">
+  <span
+    class="shrink-0 flex items-center gap-x-1 text-[10px] font-medium px-1.5 py-0.5 rounded
+      {isLikelyView
+      ? 'bg-cyan-600/15 text-cyan-600'
+      : 'bg-emerald-600/15 text-emerald-600'}"
+  >
+    <!-- Icon inherits text color via currentColor -->
+    <svelte:component this={icon} size="12px" />
+    {label}
+  </span>
+</div>

web-admin/src/features/projects/status/ModelActionsCell.svelte

@@ -0,0 +1,96 @@
+<script lang="ts">
+  import IconButton from "@rilldata/web-common/components/button/IconButton.svelte";
+  import * as DropdownMenu from "@rilldata/web-common/components/dropdown-menu";
+  import ThreeDot from "@rilldata/web-common/components/icons/ThreeDot.svelte";
+  import {
+    RefreshCcwIcon,
+    FileTextIcon,
+    LayoutGridIcon,
+    AlertCircleIcon,
+  } from "lucide-svelte";
+  import type { V1Resource } from "@rilldata/web-common/runtime-client";
+
+  export let resource: V1Resource | undefined;
+  export let isDropdownOpen: boolean;
+  export let onDropdownOpenChange: (isOpen: boolean) => void;
+  export let onModelInfoClick: (resource: V1Resource) => void;
+  export let onViewPartitionsClick: (resource: V1Resource) => void;
+  export let onRefreshErroredClick: (resource: V1Resource) => void;
+  export let onIncrementalRefreshClick: (resource: V1Resource) => void;
+  export let onFullRefreshClick: (resource: V1Resource) => void;
+
+  $: isPartitioned = !!resource?.model?.spec?.partitionsResolver;
+  $: isIncremental = !!resource?.model?.spec?.incremental;
+  $: hasErroredPartitions =
+    !!resource?.model?.state?.partitionsModelId &&
+    !!resource?.model?.state?.partitionsHaveErrors;
+</script>
+
+{#if resource}
+  <DropdownMenu.Root open={isDropdownOpen} onOpenChange={onDropdownOpenChange}>
+    <DropdownMenu.Trigger class="flex-none">
+      <IconButton rounded active={isDropdownOpen} size={20}>
+        <ThreeDot size="16px" />
+      </IconButton>
+    </DropdownMenu.Trigger>
+    <DropdownMenu.Content align="start">
+      <DropdownMenu.Item
+        class="font-normal flex items-center"
+        on:click={() => onModelInfoClick(resource)}
+      >
+        <div class="flex items-center">
+          <FileTextIcon size="12px" />
+          <span class="ml-2">Model Information</span>
+        </div>
+      </DropdownMenu.Item>
+
+      {#if isPartitioned}
+        <DropdownMenu.Item
+          class="font-normal flex items-center"
+          on:click={() => onViewPartitionsClick(resource)}
+        >
+          <div class="flex items-center">
+            <LayoutGridIcon size="12px" />
+            <span class="ml-2">View Partitions</span>
+          </div>
+        </DropdownMenu.Item>
+      {/if}
+
+      {#if hasErroredPartitions}
+        <DropdownMenu.Item
+          class="font-normal flex items-center"
+          on:click={() => onRefreshErroredClick(resource)}
+        >
+          <div class="flex items-center">
+            <AlertCircleIcon size="12px" />
+            <span class="ml-2">Refresh Errored Partitions</span>
+          </div>
+        </DropdownMenu.Item>
+      {/if}
+
+      <DropdownMenu.Separator />
+
+      <DropdownMenu.Item
+        class="font-normal flex items-center"
+        on:click={() => onFullRefreshClick(resource)}
+      >
+        <div class="flex items-center">
+          <RefreshCcwIcon size="12px" />
+          <span class="ml-2">Full Refresh</span>
+        </div>
+      </DropdownMenu.Item>
+
+      {#if isIncremental}
+        <DropdownMenu.Item
+          class="font-normal flex items-center"
+          on:click={() => onIncrementalRefreshClick(resource)}
+        >
+          <div class="flex items-center">
+            <RefreshCcwIcon size="12px" />
+            <span class="ml-2">Incremental Refresh</span>
+          </div>
+        </DropdownMenu.Item>
+      {/if}
+    </DropdownMenu.Content>
+  </DropdownMenu.Root>
+{/if}

web-admin/src/features/projects/status/ModelInfoDialog.svelte

@@ -0,0 +1,52 @@
+<script lang="ts">
+  import * as Dialog from "@rilldata/web-common/components/dialog";
+  import YamlPreview from "@rilldata/web-common/features/sources/modal/YamlPreview.svelte";
+  import type { V1Resource } from "@rilldata/web-common/runtime-client";
+  import { stringify } from "yaml";
+
+  export let open = false;
+  export let resource: V1Resource | null = null;
+  export let onClose: () => void = () => {};
+
+  $: modelName = resource?.meta?.name?.name ?? "Model";
+
+  // Build a clean object for YAML display, similar to `rill project describe`
+  $: modelInfo = resource
+    ? {
+        name: resource.meta?.name?.name,
+        kind: resource.meta?.name?.kind,
+        filePaths: resource.meta?.filePaths,
+        spec: resource.model?.spec,
+        state: {
+          executorConnector: resource.model?.state?.executorConnector,
+          resultConnector: resource.model?.state?.resultConnector,
+          resultTable: resource.model?.state?.resultTable,
+          partitionsModelId: resource.model?.state?.partitionsModelId,
+          partitionsHaveErrors: resource.model?.state?.partitionsHaveErrors,
+        },
+      }
+    : null;
+
+  $: yamlContent = modelInfo
+    ? stringify(modelInfo, { indent: 2, lineWidth: 0 })
+    : "";
+</script>
+
+<Dialog.Root
+  {open}
+  onOpenChange={(o) => {
+    if (!o) onClose();
+  }}
+>
+  <Dialog.Content class="max-w-2xl max-h-[80vh] overflow-y-auto">
+    <Dialog.Header>
+      <Dialog.Title>Model: {modelName}</Dialog.Title>
+    </Dialog.Header>
+
+    {#if yamlContent}
+      <YamlPreview title="Model Information" yaml={yamlContent} />
+    {:else}
+      <div class="text-fg-secondary py-4">No model information available</div>
+    {/if}
+  </Dialog.Content>
+</Dialog.Root>