polen 0.11.0-next.25 → 0.11.0-next.26

package/build/api/reference/config.js

@@ -0,0 +1,162 @@
+import { Diagnostic } from '#lib/diagnostic/$';
+import { S } from '#lib/kit-temp/effect';
+// ============================================================================
+// Schema - Reference Diagnostics
+// ============================================================================
+/**
+ * Diagnostic controls for reference documentation.
+ */
+export const ReferenceDiagnostics = S.Struct({
+    /**
+     * Control diagnostics for missing or invalid reference content.
+     *
+     * @default true (info in dev, warning in build)
+     */
+    validation: S.optional(S.Union(S.Boolean, Diagnostic.Control)),
+}).annotations({
+    identifier: 'ReferenceDiagnostics',
+    description: 'Diagnostic controls for reference documentation',
+});
+// ============================================================================
+// Schema - Descriptions View
+// ============================================================================
+/**
+ * Configuration for how descriptions are displayed in reference documentation.
+ */
+export const DescriptionsView = S.Struct({
+    /**
+     * Default view mode for descriptions.
+     * - 'expanded': Show full descriptions (default)
+     * - 'compact': Show condensed view
+     *
+     * @default 'expanded'
+     */
+    defaultMode: S.optional(S.Literal('compact', 'expanded')),
+    /**
+     * Whether to show the view mode toggle control.
+     * Allows users to switch between compact and expanded views.
+     *
+     * @default true
+     */
+    showControl: S.optional(S.Boolean),
+}).annotations({
+    identifier: 'DescriptionsView',
+    description: 'Configuration for descriptions display in reference documentation',
+});
+// ============================================================================
+// Schema - Reference Config
+// ============================================================================
+export const ReferenceConfigObject = S.Struct({
+    /**
+     * Control whether the reference documentation is enabled.
+     * - true: Always enabled (show in nav even if no schema exists)
+     * - false: Always disabled (hide even if schema exists)
+     * - undefined: Auto-detect based on schema presence (default behavior)
+     *
+     * @default undefined (auto-detect based on schema presence)
+     * @example
+     * // Always show reference section
+     * reference: { enabled: true }
+     *
+     * @example
+     * // Never show reference
+     * reference: { enabled: false }
+     *
+     * @example
+     * // Auto-detect based on schema (default)
+     * reference: { }
+     */
+    enabled: S.optional(S.Boolean),
+    /**
+     * Configuration for how descriptions are displayed.
+     *
+     * @example
+     * // Use compact mode by default
+     * descriptionsView: {
+     *   defaultMode: 'compact'
+     * }
+     *
+     * @example
+     * // Hide the view mode toggle
+     * descriptionsView: {
+     *   showControl: false
+     * }
+     */
+    descriptionsView: S.optional(DescriptionsView),
+    /**
+     * Configuration for how field nullability is rendered.
+     * - 'bangMark': Show '!' after non-nullable types (GraphQL style)
+     * - 'questionMark': Show '?' after nullable field names (TypeScript style)
+     *
+     * @default 'bangMark'
+     * @example
+     * // Use TypeScript-style nullability rendering
+     * nullabilityRendering: 'questionMark'
+     */
+    nullabilityRendering: S.optional(S.Literal('questionMark', 'bangMark')),
+    /**
+     * Diagnostic controls for reference documentation.
+     *
+     * @example
+     * // Enable all diagnostics with defaults
+     * diagnostics: {
+     *   validation: true
+     * }
+     *
+     * @example
+     * // Fine-grained control
+     * diagnostics: {
+     *   validation: {
+     *     enabled: true,
+     *     dev: { severity: 'error' },
+     *     build: { severity: 'warning' }
+     *   }
+     * }
+     */
+    diagnostics: S.optional(ReferenceDiagnostics),
+}).annotations({
+    identifier: 'ReferenceConfigObject',
+    title: 'Reference Configuration',
+    description: 'Configuration for reference documentation feature',
+});
+/**
+ * Reference configuration with boolean shorthand support.
+ * - true: Enable with defaults
+ * - false: Disable completely
+ * - object: Fine-grained control
+ */
+export const ReferenceConfig = S.transform(S.Union(S.Boolean, ReferenceConfigObject), ReferenceConfigObject, {
+    strict: false,
+    decode: (input) => {
+        if (typeof input === 'boolean') {
+            return {
+                enabled: input,
+                descriptionsView: {},
+                nullabilityRendering: undefined,
+                diagnostics: {},
+            };
+        }
+        return input;
+    },
+    encode: (config) => config,
+}).annotations({
+    identifier: 'ReferenceConfig',
+    title: 'Reference Configuration',
+    description: 'Reference documentation configuration with boolean shortcuts',
+});
+// ============================================================================
+// Constructors
+// ============================================================================
+export const make = ReferenceConfigObject.make;
+// ============================================================================
+// Type Guards
+// ============================================================================
+export const is = S.is(ReferenceConfig);
+// ============================================================================
+// Codecs
+// ============================================================================
+export const decode = S.decode(ReferenceConfig);
+export const decodeSync = S.decodeSync(ReferenceConfig);
+export const encode = S.encode(ReferenceConfig);
+export const encodeSync = S.encodeSync(ReferenceConfig);
+//# sourceMappingURL=config.js.map

package/build/api/reference/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../../../src/api/reference/config.ts"],"names":[],"mappings":"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"}

package/build/api/reference/scanner.d.ts

@@ -0,0 +1,26 @@
+import { Diagnostic } from '#lib/diagnostic/$';
+import { FileSystem } from '@effect/platform';
+import { Effect } from 'effect';
+import * as Catalog from './catalog.js';
+export interface ScanOptions {
+    /**
+     * The directory to scan for reference content
+     */
+    dir: string;
+}
+export interface ScanResult {
+    /**
+     * The reference catalog with index metadata
+     */
+    catalog: Catalog.Catalog;
+    /**
+     * Any diagnostics generated during scanning
+     */
+    diagnostics: Diagnostic.Diagnostic[];
+}
+/**
+ * Scan for reference documentation content.
+ * Currently looks for index.md or index.mdx files for custom landing pages.
+ */
+export declare const scan: (options: ScanOptions) => Effect.Effect<ScanResult, Error, FileSystem.FileSystem>;
+//# sourceMappingURL=scanner.d.ts.map

package/build/api/reference/scanner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scanner.d.ts","sourceRoot":"","sources":["../../../src/api/reference/scanner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAE/B,OAAO,KAAK,OAAO,MAAM,cAAc,CAAA;AAEvC,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,UAAU;IACzB;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC,OAAO,CAAA;IACxB;;OAEG;IACH,WAAW,EAAE,UAAU,CAAC,UAAU,EAAE,CAAA;CACrC;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI,GACf,SAAS,WAAW,KACnB,MAAM,CAAC,MAAM,CAAC,UAAU,EAAE,KAAK,EAAE,UAAU,CAAC,UAAU,CAsBrD,CAAA"}

package/build/api/reference/scanner.js

@@ -0,0 +1,27 @@
+import { Diagnostic } from '#lib/diagnostic/$';
+import { FileSystem } from '@effect/platform';
+import { Effect } from 'effect';
+import * as Path from 'node:path';
+import * as Catalog from './catalog.js';
+/**
+ * Scan for reference documentation content.
+ * Currently looks for index.md or index.mdx files for custom landing pages.
+ */
+export const scan = (options) => Effect.gen(function* () {
+    const fs = yield* FileSystem.FileSystem;
+    const diagnostics = [];
+    // Check for index.md or index.mdx file
+    const indexMdPath = Path.join(options.dir, 'reference', 'index.md');
+    const indexMdxPath = Path.join(options.dir, 'reference', 'index.mdx');
+    // Try index.md first, then index.mdx
+    const indexPath = (yield* fs.exists(indexMdPath))
+        ? indexMdPath
+        : (yield* fs.exists(indexMdxPath))
+            ? indexMdxPath
+            : null;
+    const catalog = Catalog.make({
+        index: indexPath ? { path: indexPath } : undefined,
+    });
+    return { catalog, diagnostics };
+});
+//# sourceMappingURL=scanner.js.map

package/build/api/reference/scanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scanner.js","sourceRoot":"","sources":["../../../src/api/reference/scanner.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC/B,OAAO,KAAK,IAAI,MAAM,WAAW,CAAA;AACjC,OAAO,KAAK,OAAO,MAAM,cAAc,CAAA;AAoBvC;;;GAGG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,CAClB,OAAoB,EACqC,EAAE,CAC3D,MAAM,CAAC,GAAG,CAAC,QAAQ,CAAC;IAClB,MAAM,EAAE,GAAG,KAAK,CAAC,CAAC,UAAU,CAAC,UAAU,CAAA;IAEvC,MAAM,WAAW,GAA4B,EAAE,CAAA;IAE/C,uCAAuC;IACvC,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,WAAW,EAAE,UAAU,CAAC,CAAA;IACnE,MAAM,YAAY,GAAG,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,WAAW,EAAE,WAAW,CAAC,CAAA;IAErE,qCAAqC;IACrC,MAAM,SAAS,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;QAC/C,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YAClC,CAAC,CAAC,YAAY;YACd,CAAC,CAAC,IAAI,CAAA;IAER,MAAM,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;QAC3B,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,SAAS;KACnD,CAAC,CAAA;IAEF,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,CAAA;AACjC,CAAC,CAAC,CAAA"}

package/build/lib/grafaid/schema/format-default-value.d.ts

@@ -0,0 +1,11 @@
+import type { GraphQLInputType } from 'graphql';
+/**
+ * Formats a GraphQL default value into a string representation.
+ * Returns just the value part (e.g., "20", "true", '"hello"')
+ *
+ * @param value - The default value from a GraphQL argument or input field
+ * @param type - The GraphQL input type of the field
+ * @returns The formatted value string, or null if value is undefined
+ */
+export declare const formatDefaultValue: (value: unknown, type: GraphQLInputType) => string | null;
+//# sourceMappingURL=format-default-value.d.ts.map

package/build/lib/grafaid/schema/format-default-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-default-value.d.ts","sourceRoot":"","sources":["../../../../src/lib/grafaid/schema/format-default-value.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAE/C;;;;;;;GAOG;AACH,eAAO,MAAM,kBAAkB,GAAI,OAAO,OAAO,EAAE,MAAM,gBAAgB,KAAG,MAAM,GAAG,IAUpF,CAAA"}

package/build/lib/grafaid/schema/format-default-value.js

@@ -0,0 +1,20 @@
+import { astFromValue, print } from 'graphql';
+/**
+ * Formats a GraphQL default value into a string representation.
+ * Returns just the value part (e.g., "20", "true", '"hello"')
+ *
+ * @param value - The default value from a GraphQL argument or input field
+ * @param type - The GraphQL input type of the field
+ * @returns The formatted value string, or null if value is undefined
+ */
+export const formatDefaultValue = (value, type) => {
+    if (value === undefined)
+        return null;
+    const ast = astFromValue(value, type);
+    if (!ast) {
+        // Fallback for edge cases where astFromValue fails
+        return JSON.stringify(value);
+    }
+    return print(ast);
+};
+//# sourceMappingURL=format-default-value.js.map

package/build/lib/grafaid/schema/format-default-value.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-default-value.js","sourceRoot":"","sources":["../../../../src/lib/grafaid/schema/format-default-value.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAG7C;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,KAAc,EAAE,IAAsB,EAAiB,EAAE;IAC1F,IAAI,KAAK,KAAK,SAAS;QAAE,OAAO,IAAI,CAAA;IAEpC,MAAM,GAAG,GAAG,YAAY,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;IACrC,IAAI,CAAC,GAAG,EAAE,CAAC;QACT,mDAAmD;QACnD,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;IAC9B,CAAC;IAED,OAAO,KAAK,CAAC,GAAG,CAAC,CAAA;AACnB,CAAC,CAAA"}

package/build/lib/grafaid/schema/schema.d.ts

@@ -17,6 +17,7 @@ export * as Args from './args.js';
 export * as TypesLike from './types-like.js';
 export * as NodesLike from './nodes-like.js';
 export * from './read.js';
+export * from './format-default-value.js';
 import * as AST from './ast.js';
 export declare const empty: GraphQLSchema;
 //# sourceMappingURL=schema.d.ts.map

package/build/lib/grafaid/schema/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../../src/lib/grafaid/schema/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,SAAS,CAAA;AAC5D,OAAO,EAAkB,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9D,OAAO,EACL,iBAAiB,IAAI,sBAAsB,EAC3C,aAAa,IAAI,MAAM,EACvB,uBAAuB,IAAI,oBAAoB,EAC/C,WAAW,IAAI,KAAK,GACrB,MAAM,SAAS,CAAA;AAGhB,eAAO,MAAM,OAAO,GAAI,KAAK,GAAG,CAAC,QAAQ,KAAG,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAW/E,CAAA;AAEJ,OAAO,KAAK,GAAG,MAAM,UAAU,CAAA;AAE/B,OAAO,KAAK,IAAI,MAAM,WAAW,CAAA;AAEjC,cAAc,sBAAsB,CAAA;AAEpC,cAAc,qBAAqB,CAAA;AAEnC,cAAc,kBAAkB,CAAA;AAEhC,cAAc,kBAAkB,CAAA;AAEhC,cAAc,2BAA2B,CAAA;AAEzC,cAAc,iBAAiB,CAAA;AAE/B,cAAc,iBAAiB,CAAA;AAE/B,cAAc,cAAc,CAAA;AAE5B,OAAO,KAAK,IAAI,MAAM,WAAW,CAAA;AAEjC,OAAO,KAAK,SAAS,MAAM,iBAAiB,CAAA;AAE5C,OAAO,KAAK,SAAS,MAAM,iBAAiB,CAAA;AAE5C,cAAc,WAAW,CAAA;AAEzB,OAAO,KAAK,GAAG,MAAM,UAAU,CAAA;AAE/B,eAAO,MAAM,KAAK,EAAE,aAAyC,CAAA"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../../src/lib/grafaid/schema/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAkB,KAAK,aAAa,EAAE,MAAM,SAAS,CAAA;AAC5D,OAAO,EAAkB,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9D,OAAO,EACL,iBAAiB,IAAI,sBAAsB,EAC3C,aAAa,IAAI,MAAM,EACvB,uBAAuB,IAAI,oBAAoB,EAC/C,WAAW,IAAI,KAAK,GACrB,MAAM,SAAS,CAAA;AAGhB,eAAO,MAAM,OAAO,GAAI,KAAK,GAAG,CAAC,QAAQ,KAAG,MAAM,CAAC,MAAM,CAAC,aAAa,EAAE,UAAU,CAW/E,CAAA;AAEJ,OAAO,KAAK,GAAG,MAAM,UAAU,CAAA;AAE/B,OAAO,KAAK,IAAI,MAAM,WAAW,CAAA;AAEjC,cAAc,sBAAsB,CAAA;AAEpC,cAAc,qBAAqB,CAAA;AAEnC,cAAc,kBAAkB,CAAA;AAEhC,cAAc,kBAAkB,CAAA;AAEhC,cAAc,2BAA2B,CAAA;AAEzC,cAAc,iBAAiB,CAAA;AAE/B,cAAc,iBAAiB,CAAA;AAE/B,cAAc,cAAc,CAAA;AAE5B,OAAO,KAAK,IAAI,MAAM,WAAW,CAAA;AAEjC,OAAO,KAAK,SAAS,MAAM,iBAAiB,CAAA;AAE5C,OAAO,KAAK,SAAS,MAAM,iBAAiB,CAAA;AAE5C,cAAc,WAAW,CAAA;AAEzB,cAAc,2BAA2B,CAAA;AAEzC,OAAO,KAAK,GAAG,MAAM,UAAU,CAAA;AAE/B,eAAO,MAAM,KAAK,EAAE,aAAyC,CAAA"}

package/build/lib/grafaid/schema/schema.js

@@ -24,6 +24,7 @@ export * as Args from './args.js';
 export * as TypesLike from './types-like.js';
 export * as NodesLike from './nodes-like.js';
 export * from './read.js';
+export * from './format-default-value.js';
 import * as AST from './ast.js';
 export const empty = buildASTSchema(AST.empty);
 //# sourceMappingURL=schema.js.map

package/build/lib/grafaid/schema/schema.js.map

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../src/lib/grafaid/schema/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAsB,MAAM,SAAS,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9D,OAAO,EACL,iBAAiB,IAAI,sBAAsB,EAC3C,aAAa,IAAI,MAAM,EACvB,uBAAuB,IAAI,oBAAoB,EAC/C,WAAW,IAAI,KAAK,GACrB,MAAM,SAAS,CAAA;AAEhB,kCAAkC;AAClC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,GAAiB,EAA4C,EAAE,CACrF,MAAM,CAAC,GAAG,CAAC;IACT,GAAG,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC;IAC9B,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CACf,cAAc,CACZ,oCAAoC,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAC5F;QACE,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,KAAK;KACb,CACF;CACJ,CAAC,CAAA;AAEJ,OAAO,KAAK,GAAG,MAAM,UAAU,CAAA;AAE/B,OAAO,KAAK,IAAI,MAAM,WAAW,CAAA;AAEjC,cAAc,sBAAsB,CAAA;AAEpC,cAAc,qBAAqB,CAAA;AAEnC,cAAc,kBAAkB,CAAA;AAEhC,cAAc,kBAAkB,CAAA;AAEhC,cAAc,2BAA2B,CAAA;AAEzC,cAAc,iBAAiB,CAAA;AAE/B,cAAc,iBAAiB,CAAA;AAE/B,cAAc,cAAc,CAAA;AAE5B,OAAO,KAAK,IAAI,MAAM,WAAW,CAAA;AAEjC,OAAO,KAAK,SAAS,MAAM,iBAAiB,CAAA;AAE5C,OAAO,KAAK,SAAS,MAAM,iBAAiB,CAAA;AAE5C,cAAc,WAAW,CAAA;AAEzB,OAAO,KAAK,GAAG,MAAM,UAAU,CAAA;AAE/B,MAAM,CAAC,MAAM,KAAK,GAAkB,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA"}
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../src/lib/grafaid/schema/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAE,cAAc,EAAsB,MAAM,SAAS,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9D,OAAO,EACL,iBAAiB,IAAI,sBAAsB,EAC3C,aAAa,IAAI,MAAM,EACvB,uBAAuB,IAAI,oBAAoB,EAC/C,WAAW,IAAI,KAAK,GACrB,MAAM,SAAS,CAAA;AAEhB,kCAAkC;AAClC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,GAAiB,EAA4C,EAAE,CACrF,MAAM,CAAC,GAAG,CAAC;IACT,GAAG,EAAE,GAAG,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC;IAC9B,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE,CACf,cAAc,CACZ,oCAAoC,KAAK,YAAY,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,EAC5F;QACE,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,KAAK;KACb,CACF;CACJ,CAAC,CAAA;AAEJ,OAAO,KAAK,GAAG,MAAM,UAAU,CAAA;AAE/B,OAAO,KAAK,IAAI,MAAM,WAAW,CAAA;AAEjC,cAAc,sBAAsB,CAAA;AAEpC,cAAc,qBAAqB,CAAA;AAEnC,cAAc,kBAAkB,CAAA;AAEhC,cAAc,kBAAkB,CAAA;AAEhC,cAAc,2BAA2B,CAAA;AAEzC,cAAc,iBAAiB,CAAA;AAE/B,cAAc,iBAAiB,CAAA;AAE/B,cAAc,cAAc,CAAA;AAE5B,OAAO,KAAK,IAAI,MAAM,WAAW,CAAA;AAEjC,OAAO,KAAK,SAAS,MAAM,iBAAiB,CAAA;AAE5C,OAAO,KAAK,SAAS,MAAM,iBAAiB,CAAA;AAE5C,cAAc,WAAW,CAAA;AAEzB,cAAc,2BAA2B,CAAA;AAEzC,OAAO,KAAK,GAAG,MAAM,UAAU,CAAA;AAE/B,MAAM,CAAC,MAAM,KAAK,GAAkB,cAAc,CAAC,GAAG,CAAC,KAAK,CAAC,CAAA"}

package/build/template/components/ArgumentAnnotation.d.ts

@@ -2,9 +2,10 @@ import type { GraphQLArgument } from 'graphql';
 import type { FC } from 'react';
 export interface Props {
     data: GraphQLArgument;
+    nameWidth?: number;
 }
 /**
- * Renders a single GraphQL argument in SDL syntax
+ * Renders a single GraphQL argument with aligned columns
  */
 export declare const ArgumentAnnotation: FC<Props>;
 //# sourceMappingURL=ArgumentAnnotation.d.ts.map

package/build/template/components/ArgumentAnnotation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArgumentAnnotation.d.ts","sourceRoot":"","sources":["../../../src/template/components/ArgumentAnnotation.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAG/B,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,eAAe,CAAA;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAWxC,CAAA"}
+{"version":3,"file":"ArgumentAnnotation.d.ts","sourceRoot":"","sources":["../../../src/template/components/ArgumentAnnotation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK/B,MAAM,WAAW,KAAK;IACpB,IAAI,EAAE,eAAe,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,kBAAkB,EAAE,EAAE,CAAC,KAAK,CAwDxC,CAAA"}

package/build/template/components/ArgumentAnnotation.js

@@ -1,10 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Flex, Text } from '@radix-ui/themes';
+import { Grafaid } from '#lib/grafaid';
+import { Box, Flex, HoverCard, Text } from '@radix-ui/themes';
+import { useViewMode } from '../contexts/ViewModeContext.js';
+import { Description } from './Description.js';
 import { TypeAnnotation } from './TypeAnnotation.js';
 /**
- * Renders a single GraphQL argument in SDL syntax
+ * Renders a single GraphQL argument with aligned columns
  */
-export const ArgumentAnnotation = ({ data }) => {
-    return (_jsx(Box, { as: 'div', children: _jsxs(Flex, { children: [_jsx(Text, { children: data.name }), _jsx(Text, { children: ":\u00A0" }), _jsx(TypeAnnotation, { type: data.type })] }) }));
+export const ArgumentAnnotation = ({ data, nameWidth }) => {
+    const { viewMode } = useViewMode();
+    const nameElement = (_jsx(Text, { size: '2', weight: 'bold', color: 'gray', children: data.name }));
+    return (_jsxs(Box, { children: [_jsxs(Flex, { align: 'baseline', gap: '2', children: [_jsx(Box, { style: {
+                            minWidth: nameWidth ? `${nameWidth}ch` : 'auto',
+                            flexShrink: 0,
+                        }, children: viewMode === 'compact' && data.description
+                            ? (_jsxs(HoverCard.Root, { children: [_jsx(HoverCard.Trigger, { children: nameElement }), _jsx(HoverCard.Content, { size: '2', maxWidth: '400px', side: 'top', align: 'center', children: _jsx(Text, { size: '2', color: 'gray', children: _jsx(Description, { data: data }) }) })] }))
+                            : nameElement }), _jsx(TypeAnnotation, { type: data.type, showDescription: true }), data.defaultValue !== undefined && (_jsxs(Text, { size: '2', color: 'gray', children: [' = ', Grafaid.Schema.formatDefaultValue(data.defaultValue, data.type)] }))] }), data.description && viewMode === 'expanded' && (_jsx(Box, { mt: '2', children: _jsx(Text, { size: '2', color: 'gray', style: { lineHeight: '1.5' }, children: _jsx(Description, { data: data }) }) }))] }));
 };
 //# sourceMappingURL=ArgumentAnnotation.js.map

package/build/template/components/ArgumentAnnotation.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArgumentAnnotation.js","sourceRoot":"","sources":["../../../src/template/components/ArgumentAnnotation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAGlD,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAMpD;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAc,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACxD,OAAO,CACL,KAAC,GAAG,IAAC,EAAE,EAAC,KAAK,YACX,MAAC,IAAI,eACH,KAAC,IAAI,cAAE,IAAI,CAAC,IAAI,GAAQ,EACxB,KAAC,IAAI,0BAAe,EAEpB,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,IAC9B,GACH,CACP,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ArgumentAnnotation.js","sourceRoot":"","sources":["../../../src/template/components/ArgumentAnnotation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAG7D,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AAOpD;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAc,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE;IACnE,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE,CAAA;IAElC,MAAM,WAAW,GAAG,CAClB,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,MAAM,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,YACtC,IAAI,CAAC,IAAI,GACL,CACR,CAAA;IAED,OAAO,CACL,MAAC,GAAG,eACF,MAAC,IAAI,IAAC,KAAK,EAAC,UAAU,EAAC,GAAG,EAAC,GAAG,aAC5B,KAAC,GAAG,IACF,KAAK,EAAE;4BACL,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,GAAG,SAAS,IAAI,CAAC,CAAC,CAAC,MAAM;4BAC/C,UAAU,EAAE,CAAC;yBACd,YAEA,QAAQ,KAAK,SAAS,IAAI,IAAI,CAAC,WAAW;4BACzC,CAAC,CAAC,CACA,MAAC,SAAS,CAAC,IAAI,eACb,KAAC,SAAS,CAAC,OAAO,cACf,WAAW,GACM,EACpB,KAAC,SAAS,CAAC,OAAO,IAChB,IAAI,EAAC,GAAG,EACR,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,KAAK,EACV,KAAK,EAAC,QAAQ,YAEd,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,YACzB,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,GACtB,GACW,IACL,CAClB;4BACD,CAAC,CAAC,WAAW,GACX,EACN,KAAC,cAAc,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,eAAe,EAAE,IAAI,GAAI,EACzD,IAAI,CAAC,YAAY,KAAK,SAAS,IAAI,CAClC,MAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,aACxB,KAAK,EACL,OAAO,CAAC,MAAM,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,IAC3D,CACR,IACI,EAEN,IAAI,CAAC,WAAW,IAAI,QAAQ,KAAK,UAAU,IAAI,CAC9C,KAAC,GAAG,IAAC,EAAE,EAAC,GAAG,YACT,KAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,YACtD,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,GAAI,GACtB,GACH,CACP,IACG,CACP,CAAA;AACH,CAAC,CAAA"}

package/build/template/components/ArgumentListAnnotation.d.ts

@@ -2,6 +2,7 @@ import type { GraphQLField } from 'graphql';
 import type { FC } from 'react';
 export interface Props {
     field: GraphQLField<any, any>;
+    argumentNameWidth?: number;
 }
 export declare const ArgumentListAnnotation: FC<Props>;
 //# sourceMappingURL=ArgumentListAnnotation.d.ts.map

package/build/template/components/ArgumentListAnnotation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ArgumentListAnnotation.d.ts","sourceRoot":"","sources":["../../../src/template/components/ArgumentListAnnotation.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAI/B,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;CAC9B;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,KAAK,CAsB5C,CAAA"}
+{"version":3,"file":"ArgumentListAnnotation.d.ts","sourceRoot":"","sources":["../../../src/template/components/ArgumentListAnnotation.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAmB,YAAY,EAAE,MAAM,SAAS,CAAA;AAC5D,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAK/B,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,YAAY,CAAC,GAAG,EAAE,GAAG,CAAC,CAAA;IAC7B,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;AAED,eAAO,MAAM,sBAAsB,EAAE,EAAE,CAAC,KAAK,CAoD5C,CAAA"}

package/build/template/components/ArgumentListAnnotation.js

@@ -1,15 +1,28 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Grafaid } from '#lib/grafaid';
 import { GrafaidOld } from '#lib/grafaid-old';
-import { Box, Text } from '@radix-ui/themes';
+import { Box, Flex } from '@radix-ui/themes';
+import { useAlignedColumns } from '../hooks/useAlignedColumns.js';
 import { ArgumentAnnotation } from './ArgumentAnnotation.js';
-import { FieldList } from './FieldList.js';
-export const ArgumentListAnnotation = ({ field }) => {
+import { IAPIndicator } from './IAPIndicator.js';
+export const ArgumentListAnnotation = ({ field, argumentNameWidth }) => {
     if (field.args.length === 0)
         return null;
     const inputObject = GrafaidOld.getIAP(field);
-    const inputObjectFields = inputObject
-        ? (_jsx(Box, { pl: '3', style: { borderLeft: `1px solid var(--gray-6)` }, children: _jsx(FieldList, { data: inputObject }) }))
-        : null;
-    return (_jsxs(_Fragment, { children: [_jsx(Text, { children: "(" }), _jsxs(Box, { ml: '2', children: [field.args.map(arg => _jsx(ArgumentAnnotation, { data: arg }, arg.name)), inputObjectFields] }), _jsx(Text, { children: ")" })] }));
+    // If it's IAP, show indicator and input object's fields directly
+    if (inputObject) {
+        const inputFields = Grafaid.Schema.NodesLike.getFields(inputObject);
+        const nameWidth = argumentNameWidth ?? useAlignedColumns(inputFields, field => field.name);
+        return (_jsx(Box, { children: _jsxs(Flex, { direction: 'column', gap: '2', children: [_jsx(Box, { ml: '3', children: _jsx(IAPIndicator, { inputObject: inputObject }) }), inputFields.map(field => (_jsx(Box, { ml: '3', children: _jsx(ArgumentAnnotation, { data: {
+                                name: field.name,
+                                type: field.type,
+                                description: field.description,
+                                defaultValue: field.defaultValue,
+                                deprecationReason: field.deprecationReason,
+                            }, nameWidth: nameWidth }) }, field.name)))] }) }));
+    }
+    // Regular non-IAP arguments
+    const nameWidth = argumentNameWidth ?? useAlignedColumns([...field.args], arg => arg.name);
+    return (_jsx(Box, { children: _jsx(Flex, { direction: 'column', gap: '2', children: field.args.map(arg => (_jsx(Box, { ml: '3', children: _jsx(ArgumentAnnotation, { data: arg, nameWidth: nameWidth }) }, arg.name))) }) }));
 };
 //# sourceMappingURL=ArgumentListAnnotation.js.map

package/build/template/components/ArgumentListAnnotation.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArgumentListAnnotation.js","sourceRoot":"","sources":["../../../src/template/components/ArgumentListAnnotation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAG5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAM1C,MAAM,CAAC,MAAM,sBAAsB,GAAc,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;IAC7D,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAExC,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAC5C,MAAM,iBAAiB,GAAG,WAAW;QACnC,CAAC,CAAC,CACA,KAAC,GAAG,IAAC,EAAE,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,yBAAyB,EAAE,YAC1D,KAAC,SAAS,IAAC,IAAI,EAAE,WAAW,GAAI,GAC5B,CACP;QACD,CAAC,CAAC,IAAI,CAAA;IAER,OAAO,CACL,8BACE,KAAC,IAAI,oBAAS,EACd,MAAC,GAAG,IAAC,EAAE,EAAC,GAAG,aACR,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,KAAC,kBAAkB,IAAgB,IAAI,EAAE,GAAG,IAAnB,GAAG,CAAC,IAAI,CAAe,CAAC,EACvE,iBAAiB,IACd,EACN,KAAC,IAAI,oBAAS,IACb,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ArgumentListAnnotation.js","sourceRoot":"","sources":["../../../src/template/components/ArgumentListAnnotation.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAG5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAA;AACjE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAOhD,MAAM,CAAC,MAAM,sBAAsB,GAAc,CAAC,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,EAAE;IAChF,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAExC,MAAM,WAAW,GAAG,UAAU,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAE5C,iEAAiE;IACjE,IAAI,WAAW,EAAE,CAAC;QAChB,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,WAAW,CAAC,CAAA;QACnE,MAAM,SAAS,GAAG,iBAAiB,IAAI,iBAAiB,CAAC,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAA;QAE1F,OAAO,CACL,KAAC,GAAG,cACF,MAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,aAE9B,KAAC,GAAG,IAAC,EAAE,EAAC,GAAG,YACT,KAAC,YAAY,IAAC,WAAW,EAAE,WAAW,GAAI,GACtC,EAGL,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,CACxB,KAAC,GAAG,IAAkB,EAAE,EAAC,GAAG,YAC1B,KAAC,kBAAkB,IACjB,IAAI,EAAE;gCACJ,IAAI,EAAE,KAAK,CAAC,IAAI;gCAChB,IAAI,EAAE,KAAK,CAAC,IAAI;gCAChB,WAAW,EAAE,KAAK,CAAC,WAAW;gCAC9B,YAAY,EAAG,KAAa,CAAC,YAAY;gCACzC,iBAAiB,EAAG,KAAa,CAAC,iBAAiB;6BACjC,EACpB,SAAS,EAAE,SAAS,GACpB,IAVM,KAAK,CAAC,IAAI,CAWd,CACP,CAAC,IACG,GACH,CACP,CAAA;IACH,CAAC;IAED,4BAA4B;IAC5B,MAAM,SAAS,GAAG,iBAAiB,IAAI,iBAAiB,CAAC,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;IAE1F,OAAO,CACL,KAAC,GAAG,cACF,KAAC,IAAI,IAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAC,GAAG,YAC7B,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CACrB,KAAC,GAAG,IAAgB,EAAE,EAAC,GAAG,YACxB,KAAC,kBAAkB,IAAC,IAAI,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,GAAI,IAD/C,GAAG,CAAC,IAAI,CAEZ,CACP,CAAC,GACG,GACH,CACP,CAAA;AACH,CAAC,CAAA"}

package/build/template/components/Changelog/groups/FieldArgument.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldArgument.d.ts","sourceRoot":"","sources":["../../../../../src/template/components/Changelog/groups/FieldArgument.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,MAAM,EAAE,GAAG,CAAA;CAAE,CAkBnD,CAAA"}
+{"version":3,"file":"FieldArgument.d.ts","sourceRoot":"","sources":["../../../../../src/template/components/Changelog/groups/FieldArgument.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,MAAM,EAAE,GAAG,CAAA;CAAE,CAkBnD,CAAA"}

package/build/template/components/Changelog/groups/FieldArgument.js

@@ -1,5 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Change as GraphqlChange } from '#lib/change/$';
 import { Code } from '@radix-ui/themes';
 import { ChangeBase } from '../ChangeBase.js';
 export const FieldArgument = ({ change }) => {

package/build/template/components/Changelog/groups/FieldArgument.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldArgument.js","sourceRoot":"","sources":["../../../../../src/template/components/Changelog/groups/FieldArgument.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,MAAM,CAAC,MAAM,aAAa,GAA8B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACrE,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,gCAAgC;YACnC,OAAO,CACL,MAAC,UAAU,IAAC,MAAM,EAAE,MAAM,oDACW,KAAC,IAAI,cAAE,MAAM,CAAC,YAAY,GAAQ,gBAAU,KAAC,IAAI,cAAE,MAAM,CAAC,SAAS,GAAQ,EAC7G,GAAG,SACD,KAAC,IAAI,cAAE,MAAM,CAAC,QAAQ,GAAQ,YAAM,KAAC,IAAI,cAAE,MAAM,CAAC,UAAU,GAAQ,UAAI,KAAC,IAAI,cAAE,MAAM,CAAC,UAAU,GAAQ,IAChG,CACd,CAAA;QACH,KAAK,6BAA6B;YAChC,OAAO,CACL,MAAC,UAAU,IAAC,MAAM,EAAE,MAAM,kCACP,KAAC,IAAI,cAAE,MAAM,CAAC,YAAY,GAAQ,iBAAW,KAAC,IAAI,cAAE,MAAM,CAAC,OAAO,GAAQ,SAAI,GAAG,EAClG,KAAC,IAAI,cAAE,MAAM,CAAC,OAAO,GAAQ,gBAAU,KAAC,IAAI,cAAE,MAAM,CAAC,SAAS,GAAQ,UAAI,KAAC,IAAI,cAAE,MAAM,CAAC,QAAQ,GAAQ,IAC7F,CACd,CAAA;IACL,CAAC;AACH,CAAC,CAAA"}
+{"version":3,"file":"FieldArgument.js","sourceRoot":"","sources":["../../../../../src/template/components/Changelog/groups/FieldArgument.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAEvC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,MAAM,CAAC,MAAM,aAAa,GAA8B,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACrE,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,gCAAgC;YACnC,OAAO,CACL,MAAC,UAAU,IAAC,MAAM,EAAE,MAAM,oDACW,KAAC,IAAI,cAAE,MAAM,CAAC,YAAY,GAAQ,gBAAU,KAAC,IAAI,cAAE,MAAM,CAAC,SAAS,GAAQ,EAC7G,GAAG,SACD,KAAC,IAAI,cAAE,MAAM,CAAC,QAAQ,GAAQ,YAAM,KAAC,IAAI,cAAE,MAAM,CAAC,UAAU,GAAQ,UAAI,KAAC,IAAI,cAAE,MAAM,CAAC,UAAU,GAAQ,IAChG,CACd,CAAA;QACH,KAAK,6BAA6B;YAChC,OAAO,CACL,MAAC,UAAU,IAAC,MAAM,EAAE,MAAM,kCACP,KAAC,IAAI,cAAE,MAAM,CAAC,YAAY,GAAQ,iBAAW,KAAC,IAAI,cAAE,MAAM,CAAC,OAAO,GAAQ,SAAI,GAAG,EAClG,KAAC,IAAI,cAAE,MAAM,CAAC,OAAO,GAAQ,gBAAU,KAAC,IAAI,cAAE,MAAM,CAAC,SAAS,GAAQ,UAAI,KAAC,IAAI,cAAE,MAAM,CAAC,QAAQ,GAAQ,IAC7F,CACd,CAAA;IACL,CAAC;AACH,CAAC,CAAA"}

package/build/template/components/CodeBlock.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/template/components/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAO,MAAM,eAAe,CAAA;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,cAAc;IACtB,SAAS,EAAE,eAAe,CAAA;IAC1B,MAAM,CAAC,EAAE,aAAa,CAAA;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAkB9C,CAAA"}
+{"version":3,"file":"CodeBlock.d.ts","sourceRoot":"","sources":["../../../src/template/components/CodeBlock.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAO,MAAM,eAAe,CAAA;AACzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAIzB,UAAU,cAAc;IACtB,SAAS,EAAE,eAAe,CAAA;IAC1B,MAAM,CAAC,EAAE,aAAa,CAAA;CACvB;AAED;;;GAGG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAmB9C,CAAA"}

package/build/template/components/CodeBlock.js

@@ -14,7 +14,7 @@ export const CodeBlock = ({ codeblock, schema }) => {
         if (!schema) {
             return _jsx(Pre, { code: codeblock });
         }
-        return (_jsx(GraphQLInteractive, { codeblock: codeblock, schema: schema, showWarningIfNoSchema: templateConfig.warnings.interactiveWithoutSchema.enabled }));
+        return (_jsx(GraphQLInteractive, { codeblock: codeblock, schema: schema, showWarningIfNoSchema: templateConfig.warnings.interactiveWithoutSchema.enabled, referenceEnabled: templateConfig.reference.enabled }));
     }
     // For regular code blocks, use Code Hike's Pre component with pre-highlighted code
     return _jsx(Pre, { code: codeblock });

package/build/template/components/CodeBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../src/template/components/CodeBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAwB,GAAG,EAAE,MAAM,eAAe,CAAA;AAEzD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AAOlE;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3E,gDAAgD;IAChD,IAAI,SAAS,CAAC,IAAI,KAAK,SAAS,IAAI,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;QAC5E,8CAA8C;QAC9C,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,KAAC,GAAG,IAAC,IAAI,EAAE,SAAS,GAAI,CAAA;QACjC,CAAC;QACD,OAAO,CACL,KAAC,kBAAkB,IACjB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,qBAAqB,EAAE,cAAc,CAAC,QAAQ,CAAC,wBAAwB,CAAC,OAAO,GAC/E,CACH,CAAA;IACH,CAAC;IAED,mFAAmF;IACnF,OAAO,KAAC,GAAG,IAAC,IAAI,EAAE,SAAS,GAAI,CAAA;AACjC,CAAC,CAAA"}
+{"version":3,"file":"CodeBlock.js","sourceRoot":"","sources":["../../../src/template/components/CodeBlock.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAwB,GAAG,EAAE,MAAM,eAAe,CAAA;AAEzD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAA;AAOlE;;;GAGG;AACH,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,EAAE;IAC3E,gDAAgD;IAChD,IAAI,SAAS,CAAC,IAAI,KAAK,SAAS,IAAI,SAAS,CAAC,IAAI,EAAE,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC;QAC5E,8CAA8C;QAC9C,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,KAAC,GAAG,IAAC,IAAI,EAAE,SAAS,GAAI,CAAA;QACjC,CAAC;QACD,OAAO,CACL,KAAC,kBAAkB,IACjB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,MAAM,EACd,qBAAqB,EAAE,cAAc,CAAC,QAAQ,CAAC,wBAAwB,CAAC,OAAO,EAC/E,gBAAgB,EAAE,cAAc,CAAC,SAAS,CAAC,OAAO,GAClD,CACH,CAAA;IACH,CAAC;IAED,mFAAmF;IACnF,OAAO,KAAC,GAAG,IAAC,IAAI,EAAE,SAAS,GAAI,CAAA;AACjC,CAAC,CAAA"}

package/build/template/components/Description.js

@@ -4,6 +4,6 @@ import { Markdown } from './Markdown.js';
 export const Description = ({ data }) => {
     if (!data.description)
         return null;
-    return (_jsx(Text, { as: 'div', color: 'gray', children: _jsx(Markdown, { children: data.description }) }));
+    return (_jsx(Text, { as: 'div', size: '2', color: 'gray', style: { lineHeight: '1.5' }, children: _jsx(Markdown, { children: data.description }) }));
 };
 //# sourceMappingURL=Description.js.map

package/build/template/components/Description.js.map

@@ -1 +1 @@
-{"version":3,"file":"Description.js","sourceRoot":"","sources":["../../../src/template/components/Description.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAKxC,MAAM,CAAC,MAAM,WAAW,GAAmE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACtG,IAAI,CAAC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAA;IAElC,OAAO,CACL,KAAC,IAAI,IAAC,EAAE,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM,YACzB,KAAC,QAAQ,cAAE,IAAI,CAAC,WAAW,GAAY,GAClC,CACR,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"Description.js","sourceRoot":"","sources":["../../../src/template/components/Description.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AACvC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAKxC,MAAM,CAAC,MAAM,WAAW,GAAmE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACtG,IAAI,CAAC,IAAI,CAAC,WAAW;QAAE,OAAO,IAAI,CAAA;IAElC,OAAO,CACL,KAAC,IAAI,IAAC,EAAE,EAAC,KAAK,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,YAC/D,KAAC,QAAQ,cAAE,IAAI,CAAC,WAAW,GAAY,GAClC,CACR,CAAA;AACH,CAAC,CAAA"}

package/build/template/components/ExampleLink.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleLink.d.ts","sourceRoot":"","sources":["../../../src/template/components/ExampleLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AAG9E,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,MAAM,WAAW,KAAK;IACpB,UAAU,EAAE,gBAAgB,CAAA;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CAajC,CAAA"}
+{"version":3,"file":"ExampleLink.d.ts","sourceRoot":"","sources":["../../../src/template/components/ExampleLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,wCAAwC,CAAA;AAI9E,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAE/B,MAAM,WAAW,KAAK;IACpB,UAAU,EAAE,gBAAgB,CAAA;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,KAAK,CAajC,CAAA"}

package/build/template/components/ExampleLink.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Version } from '#lib/version/$';
 import { Badge, Link } from '@radix-ui/themes';
+import { Str } from '@wollybeard/kit';
 /**
  * Component for rendering a link to an example at a specific version.
  * Always includes the version query parameter for consistent behavior.
@@ -10,6 +11,6 @@ export const ExampleLink = ({ exampleRef }) => {
     const href = exampleRef.version
         ? `/examples/${exampleRef.name}?version=${Version.encodeSync(exampleRef.version)}`
         : `/examples/${exampleRef.name}`;
-    return (_jsx(Link, { href: href, style: { textDecoration: 'none' }, children: _jsx(Badge, { variant: 'soft', size: '2', style: { cursor: 'pointer' }, children: exampleRef.name }) }));
+    return (_jsx(Link, { href: href, style: { textDecoration: 'none' }, children: _jsx(Badge, { variant: 'soft', size: '2', style: { cursor: 'pointer' }, children: Str.titlizeSlug(exampleRef.name) }) }));
 };
 //# sourceMappingURL=ExampleLink.js.map

package/build/template/components/ExampleLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExampleLink.js","sourceRoot":"","sources":["../../../src/template/components/ExampleLink.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAO9C;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAc,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IACvD,mDAAmD;IACnD,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO;QAC7B,CAAC,CAAC,aAAa,UAAU,CAAC,IAAI,YAAY,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;QAClF,CAAC,CAAC,aAAa,UAAU,CAAC,IAAI,EAAE,CAAA;IAElC,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,YACjD,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,YACxD,UAAU,CAAC,IAAI,GACV,GACH,CACR,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"ExampleLink.js","sourceRoot":"","sources":["../../../src/template/components/ExampleLink.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA;AAC9C,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAA;AAOrC;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAc,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IACvD,mDAAmD;IACnD,MAAM,IAAI,GAAG,UAAU,CAAC,OAAO;QAC7B,CAAC,CAAC,aAAa,UAAU,CAAC,IAAI,YAAY,OAAO,CAAC,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;QAClF,CAAC,CAAC,aAAa,UAAU,CAAC,IAAI,EAAE,CAAA;IAElC,OAAO,CACL,KAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,YACjD,KAAC,KAAK,IAAC,OAAO,EAAC,MAAM,EAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,YACxD,GAAG,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,GAC3B,GACH,CACR,CAAA;AACH,CAAC,CAAA"}

package/build/template/components/Field.d.ts

@@ -4,5 +4,7 @@ import type { BoxProps } from '@radix-ui/themes';
 export declare const Field: React.FC<BoxProps & {
     data: GrafaidOld.GraphQLField;
     parentTypeName?: string;
+    fieldNameWidth?: number;
+    argumentNameWidth?: number;
 }>;
 //# sourceMappingURL=Field.d.ts.map

package/build/template/components/Field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/template/components/Field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAShD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAC1B,QAAQ,GAAG;IACT,IAAI,EAAE,UAAU,CAAC,YAAY,CAAA;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,CAoCF,CAAA"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/template/components/Field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAE7C,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAYhD,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAC1B,QAAQ,GAAG;IACT,IAAI,EAAE,UAAU,CAAC,YAAY,CAAA;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B,CA+JF,CAAA"}

package/build/template/components/Field.js

@@ -2,18 +2,27 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Api } from '#api/iso';
 import { GrafaidOld } from '#lib/grafaid-old';
 import { Lifecycles } from '#lib/lifecycles/$';
-import { Badge, Box, Text } from '@radix-ui/themes';
+import { Badge, Box, Card, Flex, HoverCard, Link, Text } from '@radix-ui/themes';
+import { isNonNullType } from 'graphql';
 import { useSchema } from '../contexts/GraphqlLifecycleContext.js';
+import { useReferenceConfig } from '../contexts/ReferenceConfigContext.js';
+import { useViewMode } from '../contexts/ViewModeContext.js';
 import { ArgumentListAnnotation } from './ArgumentListAnnotation.js';
 import { DeprecationReason } from './DeprecationReason.js';
 import { Description } from './Description.js';
 import { SinceBadge } from './SinceBadge.js';
 import { TypeAnnotation } from './TypeAnnotation.js';
-export const Field = ({ data, parentTypeName, ...boxProps }) => {
+export const Field = ({ data, parentTypeName, fieldNameWidth, argumentNameWidth, ...boxProps }) => {
     const { schema, lifecycles } = useSchema();
+    const { viewMode } = useViewMode();
+    const referenceConfig = useReferenceConfig();
     const argumentList = GrafaidOld.isOutputField(data)
-        ? _jsx(ArgumentListAnnotation, { field: data })
+        ? argumentNameWidth !== undefined
+            ? _jsx(ArgumentListAnnotation, { field: data, argumentNameWidth: argumentNameWidth })
+            : _jsx(ArgumentListAnnotation, { field: data })
         : null;
+    // Check if the field is nullable (for questionMark mode)
+    const isFieldNullable = !isNonNullType(data.type);
     // Get field lifecycle information if available
     const since = parentTypeName
         ? Lifecycles.getFieldSince(lifecycles, parentTypeName, data.name, schema)
@@ -21,6 +30,35 @@ export const Field = ({ data, parentTypeName, ...boxProps }) => {
     const removedDate = parentTypeName
         ? Lifecycles.getFieldRemovedDate(lifecycles, parentTypeName, data.name, schema)
         : null;
-    return (_jsxs(Box, { ...boxProps, id: data.name, children: [_jsx(Description, { data: data }), _jsx(DeprecationReason, { data: data }), _jsxs(Box, { style: { display: 'flex', alignItems: 'center', gap: '8px' }, children: [_jsx(Text, { weight: 'medium', children: data.name }), since && _jsx(SinceBadge, { since: since }), removedDate && (_jsxs(Badge, { color: 'red', variant: 'soft', size: '1', children: ["Removed ", Api.Schema.dateToVersionString(removedDate)] }))] }), _jsxs(Text, { children: [argumentList, ":", ` `, _jsx(TypeAnnotation, { type: data.type })] })] }));
+    // Only show since badge if it's NOT the initial version
+    const showSinceBadge = since && since._tag !== 'initial';
+    return (_jsxs(Card, { ...boxProps, variant: 'ghost', id: data.name, style: { overflow: 'visible' }, children: [_jsx("style", { children: `
+        .field-name-anchor {
+          position: absolute;
+          left: 0;
+          top: 50%;
+          transform: translateY(-50%) translateX(0);
+          opacity: 0;
+          transition: all 0.2s ease-in-out;
+          pointer-events: none;
+          z-index: 10;
+        }
+
+        .field-name-wrapper:hover .field-name-anchor {
+          transform: translateY(-50%) translateX(-24px);
+          opacity: 1;
+          pointer-events: auto;
+        }
+      ` }), _jsxs(Flex, { align: 'baseline', mb: '2', gap: '2', children: [_jsxs(Box, { className: 'field-name-wrapper', style: {
+                            minWidth: fieldNameWidth ? `${fieldNameWidth}ch` : 'auto',
+                            flexShrink: 0,
+                            position: 'relative',
+                        }, children: [_jsx(Link, { className: 'field-name-anchor', href: `#${data.name}`, color: 'gray', style: {
+                                    textDecoration: 'none',
+                                    display: 'inline-flex',
+                                    alignItems: 'center',
+                                }, children: _jsx(Text, { size: '3', color: 'gray', children: "#" }) }), viewMode === 'compact' && data.description
+                                ? (_jsxs(HoverCard.Root, { children: [_jsx(HoverCard.Trigger, { children: _jsx(Link, { href: `#${data.name}`, color: 'gray', underline: 'hover', style: { textDecoration: 'none', display: 'inline-block' }, children: _jsxs(Text, { size: '3', weight: 'bold', children: [data.name, referenceConfig.nullabilityRendering === 'questionMark' && isFieldNullable && '?'] }) }) }), _jsx(HoverCard.Content, { size: '2', maxWidth: '400px', side: 'top', align: 'center', children: _jsx(Text, { size: '2', color: 'gray', children: _jsx(Description, { data: data }) }) })] }))
+                                : (_jsx(Link, { href: `#${data.name}`, color: 'gray', underline: 'hover', style: { textDecoration: 'none', display: 'inline-block' }, children: _jsxs(Text, { size: '3', weight: 'bold', children: [data.name, referenceConfig.nullabilityRendering === 'questionMark' && isFieldNullable && '?'] }) }))] }), _jsx(TypeAnnotation, { type: data.type, showDescription: true, nullabilityRendering: referenceConfig.nullabilityRendering })] }), (showSinceBadge || removedDate) && (_jsxs(Flex, { gap: '2', mb: '2', children: [showSinceBadge && _jsx(SinceBadge, { since: since }), removedDate && (_jsxs(Badge, { color: 'red', variant: 'soft', size: '1', children: ["Removed ", Api.Schema.dateToVersionString(removedDate)] }))] })), data.description && viewMode === 'expanded' && (_jsx(Box, { mb: '2', children: _jsx(Text, { size: '2', color: 'gray', style: { lineHeight: '1.5' }, children: _jsx(Description, { data: data }) }) })), _jsx(DeprecationReason, { data: data }), argumentList && GrafaidOld.isOutputField(data) && data.args.length > 0 && (_jsx(Box, { mt: '2', ml: '3', pl: '3', style: { borderLeft: '2px solid var(--gray-4)' }, children: argumentList }))] }));
 };
 //# sourceMappingURL=Field.js.map