Files
paperclip/server/src/services/company-artifacts.ts
T
Dotta d8e1004551 PAP-10440: group artifacts by task stacks (#7654)
## Thinking Path

> - Paperclip is the open source app people use to manage AI agents for
work.
> - The artifacts surface is where board users inspect files, media, and
documents produced by agents.
> - Grouped artifact stacks make that surface easier to scan by task,
but the first pass still made grouping feel secondary to media filters.
> - The follow-up request was to make grouping the default and give the
grouping control the same icon-only outline treatment used on the issues
page.
> - This pull request keeps the existing artifact grouping API/UI, then
polishes the artifacts toolbar state and Storybook review coverage.
> - The benefit is that `/artifacts` now opens in the task-stack view by
default while preserving explicit flat-mode filtering via
`groupBy=none`.

## Linked Issues or Issue Description

No public GitHub issue exists for this internal Paperclip task.

### Subsystem affected

ui/ — React + Vite board UI.

### Problem or motivation

The `/artifacts` grouping affordance was visually placed after the media
filters, rendered as a text button, and defaulted to a flat artifact
list. Internal follow-up `PAP-10465` requested the grouping icon move
left of the filters, become an icon-only outlined button like `/issues`,
and make Task grouping the default.

### Proposed solution

Default `/artifacts` to grouped Task stacks, keep explicit flat mode
available as `groupBy=none`, move the grouping control before the media
chips, and restyle it as the shared icon-only outline button pattern.

### Alternatives considered

Leaving flat mode as the implicit default was rejected because it does
not satisfy the follow-up. Keeping a text label on the grouping trigger
was rejected because `/issues` already established the icon-only outline
pattern for this class of toolbar control.

### Roadmap alignment

This aligns with the `Artifacts & Work Products` roadmap item by making
generated outputs easier to inspect and operate from the board UI.

## What Changed

- Defaulted the `/artifacts` page to `groupBy=task` when no grouping URL
param is present, while keeping explicit flat mode available with
`groupBy=none`.
- Moved the group control before the media filter chips and changed it
to an icon-only outlined button using the shared `Button` pattern.
- Updated artifact page tests to cover default Task grouping, explicit
flat mode, trigger ordering, and icon-only outline metadata.
- Updated the artifact Storybook story so its toolbar mock matches the
production ordering and grouped Task is documented as the default mode.

## Verification

- `pnpm exec vitest run ui/src/pages/Artifacts.test.tsx
ui/src/components/artifacts/ArtifactGroupCard.test.tsx` — passed.
- `pnpm --filter @paperclipai/ui typecheck` — passed.
- `pnpm --filter @paperclipai/server typecheck` — passed.
- `git diff --check` — passed.
- QA visual validation from internal follow-up PAP-10466 passed
desktop/mobile scenarios. Screenshot evidence attached there:
- Desktop default:
http://paperclip-dev:3100/api/attachments/bc81305d-f5de-485c-abeb-9e7c3d9d8539/content
- Desktop toolbar close-up:
http://paperclip-dev:3100/api/attachments/3375a62b-2110-48f3-bafa-ea98c00f99f7/content
- Mobile default:
http://paperclip-dev:3100/api/attachments/bfc5642e-9248-431e-9bac-36284dec1c89/content
- Mobile toolbar close-up:
http://paperclip-dev:3100/api/attachments/ca79401a-5ba8-464d-bc6e-aeffd47fe695/content
- GitHub PR checks on head `431964c8b` — passed, including Greptile 5/5.

## Risks

Low to medium risk. The main behavior shift is intentional: `/artifacts`
now queries grouped Task stacks by default. Existing flat mode remains
available through the grouping menu and explicit `groupBy=none` URLs.

## Model Used

OpenAI Codex, GPT-5.4 class coding model in this Paperclip heartbeat
environment, with shell, git, test, and GitHub CLI tool use. Context
window managed by the Codex runtime.

## Checklist

- [x] I have included a thinking path that traces from project context
to this change
- [x] I have specified the model used (with version and capability
details)
- [x] I have checked ROADMAP.md and confirmed this PR does not duplicate
planned core work
- [x] I have searched GitHub for duplicate or related PRs and linked
them above
- [x] I have either (a) linked existing issues with `Fixes: #` / `Closes
#` / `Refs #` OR (b) described the issue in-PR following the relevant
issue template
- [x] I have run tests locally and they pass
- [x] I have added or updated tests where applicable
- [x] If this change affects the UI, I have included before/after
screenshots
- [x] I have updated relevant documentation to reflect my changes
- [x] I have considered and documented any risks above
- [x] All Paperclip CI gates are green
- [x] Greptile is 5/5 with no open P2s, recommendations, or follow-ups
- [x] I will address all Greptile and reviewer comments before
requesting merge

---------

Co-authored-by: Paperclip <noreply@paperclip.ing>
2026-06-06 10:22:47 -05:00

730 lines
28 KiB
TypeScript

import { buffer } from "node:stream/consumers";
import { and, desc, eq, inArray, isNotNull, isNull, notInArray, or, sql, type SQL } from "drizzle-orm";
import { alias } from "drizzle-orm/pg-core";
import type { Db } from "@paperclipai/db";
import {
agents,
assets,
companies,
documents,
heartbeatRuns,
issueAttachments,
issueDocuments,
issues,
issueWorkProducts,
projects,
} from "@paperclipai/db";
import {
attachmentArtifactWorkProductMetadataSchema,
COMPANY_ARTIFACTS_MAX_LIMIT,
companyArtifactsQuerySchema,
SYSTEM_ISSUE_DOCUMENT_KEYS,
type CompanyArtifact,
type CompanyArtifactGroup,
type CompanyArtifactGroupBy,
type CompanyArtifactMediaKind,
type CompanyArtifactsQuery,
type CompanyArtifactsResponse,
} from "@paperclipai/shared";
import { badRequest, notFound } from "../errors.js";
import type { StorageService } from "../storage/types.js";
const TEXT_PREVIEW_BYTES = 4096;
const PREVIEW_TEXT_MAX_LENGTH = 280;
const GROUP_PREVIEW_ARTIFACT_LIMIT = 3;
const GROUPED_ARTIFACT_FETCH_LIMIT = COMPANY_ARTIFACTS_MAX_LIMIT * 10;
type ArtifactCursor = {
updatedAt: string;
id: string;
};
type ArtifactGroupBy = Exclude<CompanyArtifactGroupBy, "none">;
type IssueGroupingRow = {
id: string;
parentId: string | null;
identifier: string | null;
title: string;
updatedAt: Date;
};
function encodeCursor(cursor: ArtifactCursor) {
return Buffer.from(JSON.stringify(cursor), "utf8").toString("base64url");
}
function decodeCursor(cursor: string | undefined): ArtifactCursor | null {
if (!cursor) return null;
try {
const parsed = JSON.parse(Buffer.from(cursor, "base64url").toString("utf8")) as Partial<ArtifactCursor>;
if (typeof parsed.id !== "string" || typeof parsed.updatedAt !== "string") {
throw new Error("Invalid cursor");
}
const date = new Date(parsed.updatedAt);
if (Number.isNaN(date.getTime())) {
throw new Error("Invalid cursor date");
}
return { id: parsed.id, updatedAt: date.toISOString() };
} catch {
throw badRequest("Invalid artifacts cursor");
}
}
function cursorCondition(updatedAt: SQL<Date>, artifactId: SQL<string>, cursor: ArtifactCursor | null) {
if (!cursor) return undefined;
return sql`(${updatedAt} < ${cursor.updatedAt}::timestamptz OR (${updatedAt} = ${cursor.updatedAt}::timestamptz AND ${artifactId} < ${cursor.id}))`;
}
function isAfterCursor(item: { updatedAt: string; id: string }, cursor: ArtifactCursor | null) {
if (!cursor) return true;
const dateDiff = Date.parse(item.updatedAt) - Date.parse(cursor.updatedAt);
return dateDiff < 0 || (dateDiff === 0 && item.id < cursor.id);
}
function escapeLikePattern(value: string) {
return value.replace(/[\\%_]/g, (match) => `\\${match}`);
}
function normalizePreviewText(input: string | null | undefined) {
if (!input) return null;
const stripped = input
.replace(/```[\s\S]*?```/g, " ")
.replace(/`([^`]+)`/g, "$1")
.replace(/!\[[^\]]*]\([^)]*\)/g, " ")
.replace(/\[([^\]]+)]\([^)]*\)/g, "$1")
.replace(/[#>*_\-~|]+/g, " ")
.replace(/\s+/g, " ")
.trim();
if (!stripped) return null;
return stripped.length > PREVIEW_TEXT_MAX_LENGTH
? `${stripped.slice(0, PREVIEW_TEXT_MAX_LENGTH - 3).trimEnd()}...`
: stripped;
}
function classifyMediaKind(contentType: string | null | undefined, fallback: CompanyArtifactMediaKind = "file") {
const normalized = (contentType ?? "").toLowerCase();
if (!normalized) return fallback;
if (normalized.startsWith("image/")) return "image";
if (normalized.startsWith("video/")) return "video";
if (
normalized.startsWith("text/") ||
normalized === "application/json" ||
normalized.endsWith("+json") ||
normalized === "application/xml" ||
normalized.endsWith("+xml") ||
normalized === "application/markdown"
) {
return "text";
}
return "file";
}
function contentTypeKindCondition(contentTypeExpression: SQL<string>, kind: CompanyArtifactsQuery["kind"]) {
if (!kind || kind === "all") return undefined;
if (kind === "image") return sql`${contentTypeExpression} ILIKE 'image/%'`;
if (kind === "video") return sql`${contentTypeExpression} ILIKE 'video/%'`;
if (kind === "text") {
return sql`(${contentTypeExpression} ILIKE 'text/%' OR ${contentTypeExpression} IN ('application/json', 'application/xml', 'application/markdown') OR ${contentTypeExpression} ILIKE '%+json' OR ${contentTypeExpression} ILIKE '%+xml')`;
}
if (kind === "file") {
return sql`NOT (${contentTypeExpression} ILIKE 'image/%' OR ${contentTypeExpression} ILIKE 'video/%' OR ${contentTypeExpression} ILIKE 'text/%' OR ${contentTypeExpression} IN ('application/json', 'application/xml', 'application/markdown') OR ${contentTypeExpression} ILIKE '%+json' OR ${contentTypeExpression} ILIKE '%+xml')`;
}
return undefined;
}
function buildIssueHref(companyPrefix: string, identifier: string, anchor: string) {
return `/${encodeURIComponent(companyPrefix)}/issues/${encodeURIComponent(identifier)}#${anchor}`;
}
function buildArtifactsGroupHref(
companyPrefix: string,
query: CompanyArtifactsQuery,
groupBy: ArtifactGroupBy,
groupIssueId: string,
) {
const params = new URLSearchParams();
params.set("groupBy", groupBy);
params.set("groupIssueId", groupIssueId);
if (query.kind !== "all") params.set("kind", query.kind);
if (query.projectId) params.set("projectId", query.projectId);
if (query.q) params.set("q", query.q);
return `/${encodeURIComponent(companyPrefix)}/artifacts?${params.toString()}`;
}
function attachmentContentPath(attachmentId: string) {
return `/api/attachments/${attachmentId}/content`;
}
async function readTextAttachmentPreview(
storage: StorageService | undefined,
input: { companyId: string; objectKey: string; byteSize: number },
) {
if (!storage || input.byteSize <= 0) return null;
try {
const object = await storage.getObject(input.companyId, input.objectKey, {
range: { start: 0, end: Math.min(input.byteSize, TEXT_PREVIEW_BYTES) - 1 },
});
const body = await buffer(object.stream);
return normalizePreviewText(body.toString("utf8"));
} catch {
return null;
}
}
function sortArtifacts(artifacts: CompanyArtifact[]) {
return artifacts.sort((a, b) => {
const dateDiff = Date.parse(b.updatedAt) - Date.parse(a.updatedAt);
if (dateDiff !== 0) return dateDiff;
return b.id.localeCompare(a.id);
});
}
function pageByCursor<T extends { id: string; updatedAt: string }>(
items: T[],
limit: number,
cursor: ArtifactCursor | null,
) {
const filtered = items.filter((item) => isAfterCursor(item, cursor));
const page = filtered.slice(0, limit);
const nextCursor = filtered.length > limit
? encodeCursor({ id: page[page.length - 1]?.id ?? "", updatedAt: page[page.length - 1]?.updatedAt ?? new Date(0).toISOString() })
: null;
return { page, nextCursor };
}
async function loadIssueGroupingRows(db: Db, companyId: string, seedIssueIds: Iterable<string>) {
const rowsById = new Map<string, IssueGroupingRow>();
let pending = [...new Set(seedIssueIds)];
while (pending.length > 0) {
const rows = await db
.select({
id: issues.id,
parentId: issues.parentId,
identifier: issues.identifier,
title: issues.title,
updatedAt: issues.updatedAt,
})
.from(issues)
.where(and(eq(issues.companyId, companyId), inArray(issues.id, pending)));
const nextPending = new Set<string>();
for (const row of rows) {
rowsById.set(row.id, row);
if (row.parentId && !rowsById.has(row.parentId)) {
nextPending.add(row.parentId);
}
}
pending = [...nextPending];
}
return rowsById;
}
function getIssueSummary(issue: IssueGroupingRow) {
return {
id: issue.id,
identifier: issue.identifier ?? issue.id,
title: issue.title,
};
}
function resolveRootIssueId(issueId: string, issueRows: Map<string, IssueGroupingRow>) {
let current = issueRows.get(issueId);
if (!current) return issueId;
const seen = new Set<string>();
while (current.parentId && !seen.has(current.id)) {
seen.add(current.id);
const parent = issueRows.get(current.parentId);
if (!parent) break;
current = parent;
}
return current.id;
}
function resolveGroupIssueId(groupBy: ArtifactGroupBy, issueId: string, issueRows: Map<string, IssueGroupingRow>) {
return groupBy === "task" ? issueId : resolveRootIssueId(issueId, issueRows);
}
function emptyGroup(input: {
companyPrefix: string;
query: CompanyArtifactsQuery;
groupBy: ArtifactGroupBy;
issue: IssueGroupingRow;
}): CompanyArtifactGroup {
const summary = getIssueSummary(input.issue);
return {
id: `${input.groupBy}:${input.issue.id}`,
groupBy: input.groupBy,
issue: summary,
title: summary.title,
count: 0,
mediaKinds: [],
previewArtifacts: [],
updatedAt: input.issue.updatedAt.toISOString(),
href: buildArtifactsGroupHref(input.companyPrefix, input.query, input.groupBy, input.issue.id),
};
}
function buildArtifactGroups(input: {
artifacts: CompanyArtifact[];
companyPrefix: string;
query: CompanyArtifactsQuery;
groupBy: ArtifactGroupBy;
issueRows: Map<string, IssueGroupingRow>;
}) {
const groups = new Map<string, CompanyArtifactGroup>();
for (const artifact of input.artifacts) {
const groupIssueId = resolveGroupIssueId(input.groupBy, artifact.issue.id, input.issueRows);
const groupIssue = input.issueRows.get(groupIssueId) ?? {
id: artifact.issue.id,
parentId: null,
identifier: artifact.issue.identifier,
title: artifact.issue.title,
updatedAt: new Date(artifact.updatedAt),
};
const groupId = `${input.groupBy}:${groupIssueId}`;
const existing = groups.get(groupId);
const group = existing ?? emptyGroup({
companyPrefix: input.companyPrefix,
query: input.query,
groupBy: input.groupBy,
issue: groupIssue,
});
if (!existing) groups.set(groupId, group);
group.count += 1;
if (!group.mediaKinds.includes(artifact.mediaKind)) {
group.mediaKinds.push(artifact.mediaKind);
}
if (group.previewArtifacts.length < GROUP_PREVIEW_ARTIFACT_LIMIT) {
group.previewArtifacts.push(artifact);
}
if (Date.parse(artifact.updatedAt) > Date.parse(group.updatedAt)) {
group.updatedAt = artifact.updatedAt;
}
}
return [...groups.values()].sort((a, b) => {
const dateDiff = Date.parse(b.updatedAt) - Date.parse(a.updatedAt);
if (dateDiff !== 0) return dateDiff;
return b.id.localeCompare(a.id);
});
}
export function companyArtifactsService(db: Db, storage?: StorageService) {
return {
list: async (companyId: string, rawQuery: Partial<CompanyArtifactsQuery> = {}): Promise<CompanyArtifactsResponse> => {
const query = companyArtifactsQuerySchema.parse(rawQuery);
const cursor = decodeCursor(query.cursor);
const groupBy = query.groupBy === "none" ? null : query.groupBy;
const company = await db
.select({ id: companies.id, issuePrefix: companies.issuePrefix })
.from(companies)
.where(eq(companies.id, companyId))
.then((rows) => rows[0] ?? null);
if (!company) throw notFound("Company not found");
const fetchLimit = Math.min(query.limit + 1, COMPANY_ARTIFACTS_MAX_LIMIT + 1);
const sourceFetchLimit = groupBy ? GROUPED_ARTIFACT_FETCH_LIMIT : fetchLimit;
const q = query.q ? `%${escapeLikePattern(query.q)}%` : null;
const artifacts: CompanyArtifact[] = [];
const workProductAttachmentIds = new Set<string>();
if (query.kind === "all" || query.kind === "document") {
const createdAgent = alias(agents, "document_created_agent");
const updatedAgent = alias(agents, "document_updated_agent");
const documentArtifactId = sql<string>`concat('document:', ${documents.id})`;
const documentConditions: SQL[] = [
eq(issueDocuments.companyId, companyId),
eq(documents.companyId, companyId),
or(isNotNull(documents.createdByAgentId), isNotNull(documents.updatedByAgentId))!,
notInArray(issueDocuments.key, [...SYSTEM_ISSUE_DOCUMENT_KEYS]),
];
const documentCursor = groupBy ? undefined : cursorCondition(sql<Date>`${documents.updatedAt}`, documentArtifactId, cursor);
if (documentCursor) documentConditions.push(documentCursor);
if (groupBy === "task" && query.groupIssueId) documentConditions.push(eq(issues.id, query.groupIssueId));
if (query.projectId) documentConditions.push(eq(issues.projectId, query.projectId));
if (q) {
documentConditions.push(sql`(
coalesce(${documents.title}, '') ILIKE ${q} ESCAPE '\\'
OR ${documents.latestBody} ILIKE ${q} ESCAPE '\\'
OR coalesce(${issues.identifier}, '') ILIKE ${q} ESCAPE '\\'
OR ${issues.title} ILIKE ${q} ESCAPE '\\'
)`);
}
const documentRowsQuery = db
.select({
artifactId: documentArtifactId,
documentId: documents.id,
issueId: issues.id,
issueIdentifier: issues.identifier,
issueTitle: issues.title,
projectId: projects.id,
projectName: projects.name,
key: issueDocuments.key,
title: documents.title,
latestBody: documents.latestBody,
createdByAgentId: sql<string | null>`coalesce(${createdAgent.id}, ${updatedAgent.id})`,
createdByAgentName: sql<string | null>`coalesce(${createdAgent.name}, ${updatedAgent.name})`,
updatedAt: documents.updatedAt,
})
.from(issueDocuments)
.innerJoin(
documents,
and(
eq(issueDocuments.documentId, documents.id),
eq(documents.companyId, issueDocuments.companyId),
),
)
.innerJoin(
issues,
and(
eq(issueDocuments.issueId, issues.id),
eq(issues.companyId, issueDocuments.companyId),
),
)
.leftJoin(
projects,
and(
eq(issues.projectId, projects.id),
eq(projects.companyId, issues.companyId),
),
)
.leftJoin(
createdAgent,
and(
eq(documents.createdByAgentId, createdAgent.id),
eq(createdAgent.companyId, documents.companyId),
),
)
.leftJoin(
updatedAgent,
and(
eq(documents.updatedByAgentId, updatedAgent.id),
eq(updatedAgent.companyId, documents.companyId),
),
)
.where(and(...documentConditions))
.orderBy(desc(documents.updatedAt), desc(documentArtifactId));
const documentRows = await documentRowsQuery.limit(sourceFetchLimit);
for (const row of documentRows) {
const identifier = row.issueIdentifier ?? row.issueId;
artifacts.push({
id: row.artifactId,
source: "document",
mediaKind: "document",
title: row.title ?? row.key,
previewText: normalizePreviewText(row.latestBody),
contentType: "text/markdown",
contentPath: null,
openPath: null,
downloadPath: null,
issue: { id: row.issueId, identifier, title: row.issueTitle },
project: row.projectId && row.projectName ? { id: row.projectId, name: row.projectName } : null,
createdByAgent: row.createdByAgentId && row.createdByAgentName
? { id: row.createdByAgentId, name: row.createdByAgentName }
: null,
updatedAt: row.updatedAt.toISOString(),
href: buildIssueHref(company.issuePrefix, identifier, `document-${row.key}`),
});
}
}
if (query.kind !== "document") {
const workProductAgent = alias(agents, "work_product_agent");
const workProductArtifactId = sql<string>`concat('work_product:', ${issueWorkProducts.id})`;
const workProductContentType = sql<string>`coalesce(${issueWorkProducts.metadata}->>'contentType', '')`;
const workProductBaseConditions: SQL[] = [
eq(issueWorkProducts.companyId, companyId),
eq(issueWorkProducts.type, "artifact"),
eq(issueWorkProducts.provider, "paperclip"),
];
const workProductConditions: SQL[] = [...workProductBaseConditions];
const workProductCursor = groupBy
? undefined
: cursorCondition(sql<Date>`${issueWorkProducts.updatedAt}`, workProductArtifactId, cursor);
const workProductKind = contentTypeKindCondition(workProductContentType, query.kind);
if (workProductCursor) workProductConditions.push(workProductCursor);
if (groupBy === "task" && query.groupIssueId) {
const selectedIssueCondition = eq(issues.id, query.groupIssueId);
workProductBaseConditions.push(selectedIssueCondition);
workProductConditions.push(selectedIssueCondition);
}
if (workProductKind) {
workProductBaseConditions.push(workProductKind);
workProductConditions.push(workProductKind);
}
if (query.projectId) {
const projectCondition = eq(issues.projectId, query.projectId);
workProductBaseConditions.push(projectCondition);
workProductConditions.push(projectCondition);
}
if (q) {
const searchCondition = sql`(
${issueWorkProducts.title} ILIKE ${q} ESCAPE '\\'
OR coalesce(${issueWorkProducts.summary}, '') ILIKE ${q} ESCAPE '\\'
OR coalesce(${issues.identifier}, '') ILIKE ${q} ESCAPE '\\'
OR ${issues.title} ILIKE ${q} ESCAPE '\\'
)`;
workProductBaseConditions.push(searchCondition);
workProductConditions.push(searchCondition);
}
const workProductRowsQuery = db
.select({
artifactId: workProductArtifactId,
workProductId: issueWorkProducts.id,
issueId: issues.id,
issueIdentifier: issues.identifier,
issueTitle: issues.title,
projectId: projects.id,
projectName: projects.name,
title: issueWorkProducts.title,
summary: issueWorkProducts.summary,
metadata: issueWorkProducts.metadata,
createdByAgentId: workProductAgent.id,
createdByAgentName: workProductAgent.name,
updatedAt: issueWorkProducts.updatedAt,
})
.from(issueWorkProducts)
.innerJoin(
issues,
and(
eq(issueWorkProducts.issueId, issues.id),
eq(issues.companyId, issueWorkProducts.companyId),
),
)
.leftJoin(
projects,
and(
eq(issues.projectId, projects.id),
eq(projects.companyId, issueWorkProducts.companyId),
),
)
.leftJoin(
heartbeatRuns,
and(
eq(issueWorkProducts.createdByRunId, heartbeatRuns.id),
eq(heartbeatRuns.companyId, issueWorkProducts.companyId),
),
)
.leftJoin(
workProductAgent,
and(
eq(heartbeatRuns.agentId, workProductAgent.id),
eq(workProductAgent.companyId, issueWorkProducts.companyId),
),
)
.where(and(...workProductConditions))
.orderBy(desc(issueWorkProducts.updatedAt), desc(workProductArtifactId));
const workProductRows = await workProductRowsQuery.limit(sourceFetchLimit);
const workProductAttachmentRows = await db
.select({
attachmentId: sql<string | null>`${issueWorkProducts.metadata}->>'attachmentId'`,
})
.from(issueWorkProducts)
.innerJoin(
issues,
and(
eq(issueWorkProducts.issueId, issues.id),
eq(issues.companyId, issueWorkProducts.companyId),
),
)
.where(and(...workProductBaseConditions, sql`${issueWorkProducts.metadata}->>'attachmentId' IS NOT NULL`))
.limit(sourceFetchLimit);
for (const row of workProductAttachmentRows) {
if (row.attachmentId) {
workProductAttachmentIds.add(row.attachmentId);
}
}
for (const row of workProductRows) {
const metadata = attachmentArtifactWorkProductMetadataSchema.safeParse(row.metadata);
const attachmentMetadata = metadata.success ? metadata.data : null;
if (attachmentMetadata) {
workProductAttachmentIds.add(attachmentMetadata.attachmentId);
}
const contentType = attachmentMetadata?.contentType ?? null;
const identifier = row.issueIdentifier ?? row.issueId;
artifacts.push({
id: row.artifactId,
source: "work_product",
mediaKind: classifyMediaKind(contentType, attachmentMetadata ? "file" : "empty"),
title: row.title,
previewText: normalizePreviewText(row.summary),
contentType,
contentPath: attachmentMetadata?.contentPath ?? null,
openPath: attachmentMetadata?.openPath ?? (typeof row.metadata?.openPath === "string" ? row.metadata.openPath : null),
downloadPath: attachmentMetadata?.downloadPath ?? null,
issue: { id: row.issueId, identifier, title: row.issueTitle },
project: row.projectId && row.projectName ? { id: row.projectId, name: row.projectName } : null,
createdByAgent: row.createdByAgentId && row.createdByAgentName
? { id: row.createdByAgentId, name: row.createdByAgentName }
: null,
updatedAt: row.updatedAt.toISOString(),
href: buildIssueHref(company.issuePrefix, identifier, `work-product-${row.workProductId}`),
});
}
const attachmentAgent = alias(agents, "attachment_agent");
const attachmentArtifactId = sql<string>`concat('attachment:', ${issueAttachments.id})`;
const attachmentConditions: SQL[] = [
eq(issueAttachments.companyId, companyId),
isNull(issueAttachments.issueCommentId),
isNotNull(assets.createdByAgentId),
];
const attachmentCursor = groupBy
? undefined
: cursorCondition(sql<Date>`${issueAttachments.updatedAt}`, attachmentArtifactId, cursor);
const attachmentKind = contentTypeKindCondition(sql<string>`${assets.contentType}`, query.kind);
if (attachmentCursor) attachmentConditions.push(attachmentCursor);
if (groupBy === "task" && query.groupIssueId) attachmentConditions.push(eq(issues.id, query.groupIssueId));
if (attachmentKind) attachmentConditions.push(attachmentKind);
if (query.projectId) attachmentConditions.push(eq(issues.projectId, query.projectId));
if (q) {
attachmentConditions.push(sql`(
coalesce(${assets.originalFilename}, '') ILIKE ${q} ESCAPE '\\'
OR coalesce(${issues.identifier}, '') ILIKE ${q} ESCAPE '\\'
OR ${issues.title} ILIKE ${q} ESCAPE '\\'
)`);
}
const attachmentRowsQuery = db
.select({
artifactId: attachmentArtifactId,
attachmentId: issueAttachments.id,
companyId: issueAttachments.companyId,
issueId: issues.id,
issueIdentifier: issues.identifier,
issueTitle: issues.title,
projectId: projects.id,
projectName: projects.name,
objectKey: assets.objectKey,
contentType: assets.contentType,
byteSize: assets.byteSize,
originalFilename: assets.originalFilename,
createdByAgentId: attachmentAgent.id,
createdByAgentName: attachmentAgent.name,
updatedAt: issueAttachments.updatedAt,
})
.from(issueAttachments)
.innerJoin(
assets,
and(
eq(issueAttachments.assetId, assets.id),
eq(assets.companyId, issueAttachments.companyId),
),
)
.innerJoin(
issues,
and(
eq(issueAttachments.issueId, issues.id),
eq(issues.companyId, issueAttachments.companyId),
),
)
.leftJoin(
projects,
and(
eq(issues.projectId, projects.id),
eq(projects.companyId, issues.companyId),
),
)
.leftJoin(
attachmentAgent,
and(
eq(assets.createdByAgentId, attachmentAgent.id),
eq(attachmentAgent.companyId, assets.companyId),
),
)
.where(and(...attachmentConditions))
.orderBy(desc(issueAttachments.updatedAt), desc(attachmentArtifactId));
const attachmentRows = await attachmentRowsQuery.limit(sourceFetchLimit);
const attachmentArtifacts = await Promise.all(attachmentRows.map(async (row): Promise<CompanyArtifact | null> => {
if (workProductAttachmentIds.has(row.attachmentId)) return null;
const mediaKind = classifyMediaKind(row.contentType);
const contentPath = attachmentContentPath(row.attachmentId);
const identifier = row.issueIdentifier ?? row.issueId;
return {
id: row.artifactId,
source: "attachment",
mediaKind,
title: row.originalFilename ?? "Attachment",
previewText: mediaKind === "text"
? await readTextAttachmentPreview(storage, {
companyId: row.companyId,
objectKey: row.objectKey,
byteSize: row.byteSize,
})
: null,
contentType: row.contentType,
contentPath,
openPath: contentPath,
downloadPath: `${contentPath}?download=1`,
issue: { id: row.issueId, identifier, title: row.issueTitle },
project: row.projectId && row.projectName ? { id: row.projectId, name: row.projectName } : null,
createdByAgent: row.createdByAgentId && row.createdByAgentName
? { id: row.createdByAgentId, name: row.createdByAgentName }
: null,
updatedAt: row.updatedAt.toISOString(),
href: buildIssueHref(company.issuePrefix, identifier, `attachment-${row.attachmentId}`),
};
}));
artifacts.push(...attachmentArtifacts.filter((artifact): artifact is CompanyArtifact => artifact !== null));
}
const sorted = sortArtifacts(artifacts);
if (!groupBy) {
const page = sorted.slice(0, query.limit);
const nextCursor = sorted.length > query.limit
? encodeCursor({ id: page[page.length - 1]?.id ?? "", updatedAt: page[page.length - 1]?.updatedAt ?? new Date(0).toISOString() })
: null;
return { artifacts: page, nextCursor };
}
const issueSeedIds = new Set(artifacts.map((artifact) => artifact.issue.id));
if (query.groupIssueId) issueSeedIds.add(query.groupIssueId);
const issueRows = await loadIssueGroupingRows(db, companyId, issueSeedIds);
const groups = buildArtifactGroups({
artifacts: sorted,
companyPrefix: company.issuePrefix,
query,
groupBy,
issueRows,
});
if (query.groupIssueId) {
const selectedIssue = issueRows.get(query.groupIssueId);
if (!selectedIssue) {
return { artifacts: [], selectedGroup: null, nextCursor: null };
}
const selectedGroupIssueId = resolveGroupIssueId(groupBy, selectedIssue.id, issueRows);
const selectedGroup = groups.find((group) => group.issue.id === selectedGroupIssueId)
?? emptyGroup({
companyPrefix: company.issuePrefix,
query,
groupBy,
issue: issueRows.get(selectedGroupIssueId) ?? selectedIssue,
});
const selectedArtifacts = sorted.filter((artifact) =>
resolveGroupIssueId(groupBy, artifact.issue.id, issueRows) === selectedGroupIssueId
);
const { page, nextCursor } = pageByCursor(selectedArtifacts, query.limit, cursor);
return { artifacts: page, selectedGroup, nextCursor };
}
const { page, nextCursor } = pageByCursor(groups, query.limit, cursor);
return { artifacts: [], groups: page, nextCursor };
},
};
}