@knpkv/alchemy-console 0.3.2 → 0.4.0

package/README.md

@@ -12,8 +12,12 @@ The browser shows stacks grouped by app, with desktop columns and compact phone
 rows. Read again starts a fresh discovery request and clears the previous rows.
 Loading, empty, incomplete discovery and owner sign-in failures are explicit.
 Missing metadata reads Unknown; zero resources remains zero. No polling, cached
-rows, plan, apply or destroy runs. Stage names and resource counts are plain text;
-the detail and resources screens are a later change.
+rows, plan, apply or destroy runs. Stage names and known resource counts open the
+stack UI. Resources lists actual returned resource metadata; State groups the
+same resources by their returned construct parent and exact type. Resource rows
+open identity and dependency details. Outputs distinguishes Hidden values, proven
+empty state and unavailable formats. No raw JSON click target, Plan tab or Preview
+changes action is present.
 
 The standalone wrapper shows Alchemy console, the actual local listener address
 and owner session status. It adds no Relay host inventory or shell navigation.
@@ -55,7 +59,7 @@ process-scoped identifiers with no encoded locator. They remain stable across
 scans while a stack remains present, then expire when it disappears or the server
 restarts. They are normalized, authenticated client-visible identifiers; the
 server never persists them. Do not emit them or stack metadata through public
-routes or telemetry. Browsers must not persist private provider coordinates.
+routes or telemetry. Browsers must not persist provider coordinates or authenticated stack/resource metadata.
 
 Discovery reports sanitized reason codes for failed projects, SSO profiles and
 buckets while continuing other sources. A discovered entrypoint with no state
@@ -76,13 +80,18 @@ requests. Listener and request Host are restricted to the bound loopback address
 
 ## Browser views
 
-Import `StackListView` from `@knpkv/alchemy-console/views` and its stylesheet from
-`@knpkv/alchemy-console/views/style.css`. Mount it inside a Rly style/theme boundary.
+Import `StackListView`, `StackDetailView` and `ResourceDetailView` from `@knpkv/alchemy-console/views` and its stylesheet from
+`@knpkv/alchemy-console/views/style.css`. Mount them inside a Rly style/theme boundary.
 Views consumers supply the optional React, React DOM and Rly peers; the standalone
 browser shell already bundles them.
-The application supplies `state`, a safe product label and host sign-in instruction,
-and `onReadAgain`. The views fetch nothing, read no
-configuration, and retain no data. `Ready.checkedAt` describes the actual completed
+The application supplies normalized presentation data, a product label, host
+sign-in instruction, read actions and real UI destinations. `StackListView` accepts
+optional `stackHref`; without a destination, stages and counts remain text.
+`StackDetailView` has controlled Resources/Outputs/State tabs and `resourceHref`.
+`ResourceDetailView` accepts `stackHref` and `resourceHref`. Views fetch nothing,
+read no configuration and persist no data. The standalone detail wrapper adds
+breadcrumbs and Read again outside the referenced module content. Phone list
+links use separated stage/count lines to keep their 44px targets disjoint. `Ready.checkedAt` describes the actual completed
 request. Replace state with `Loading` before reading; failures and unauthorized
 states contain no previous rows. Only normalized authenticated client-visible
 stack metadata belongs here, never raw provider locators or credentials.
@@ -90,9 +99,15 @@ stack metadata belongs here, never raw provider locators or credentials.
 The standalone client uses the typed API and sends same-origin cookies with
 no-store requests. The fragment is removed from history before its bootstrap
 POST. Tokens never enter storage, logs or telemetry. CSS and font assets are
-served from the same listener with a self-only CSP, without inline styles. The
+served from the same listener with a self-only CSP and no application-authored inline
+style markup. Pinned Rly/Radix tabs assign `outline: none` on their tab list and
+`animation-duration: 0s` on an initially mounted panel through trusted CSSOM
+properties. Those framework effects require no CSP relaxation; serialized inline
+style markup remains blocked. The
 decorative empty-state SVG uses the approved Stacks illustration from this MIT
-repository, with presentation attributes rather than inline styles.
+repository, with presentation attributes rather than inline styles. The State empty panel uses
+the original decorative 56px Stacks2c procedural creature from the same MIT repo;
+both SVGs remain external same-origin assets.
 
 ## Data readers
 
@@ -113,7 +128,7 @@ unresolved Alchemy version return `null`. Invalid lockfiles fail explicitly.
 `.alchemy/state/<app>/<stage>/<encoded-fqn>.json` for beta.74 and beta.77. Other
 versions, including unknown versions, fail with `unsupported-version`. Resource
 metadata includes FQN, logical ID, type, status, and namespace parent. Action rows
-are validated and excluded. Stack output and temporary files are ignored. Missing
+are validated and excluded. Temporary files are ignored. Missing
 state returns `available: false`; an existing empty stage returns an empty resource
 list with `available: true`. JSON names must match the stored FQN encoding.
 
@@ -148,10 +163,11 @@ An API can report these failures per profile while continuing other profiles.
 keys. `listS3Versions(bucket, prefix)` returns persisted object version coordinates
 and deletion markers. Both S3 continuation markers are retained; repeated markers
 fail. `readS3State(stack, alchemyVersion?)` reads each latest non-deleted resource
-using its listed version ID. Stack outputs and temporary files are excluded.
+using its listed version ID. Temporary files are excluded; supported-version stack outputs use their selected
+current version and the key-only decoder below.
 `readS3Resource(stack, key, versionId)` reads one historical version after checking
 that the key belongs to that stack. JSON names must match the resource FQN.
-Latest deletion markers never resurrect an older resource. Null versions from
+Latest deletion markers never resurrect an older resource or output dictionary. Null versions from
 unversioned or suspended buckets are supported. Multiple resource reads are not
 an atomic snapshot of a deployment.
 
@@ -168,10 +184,41 @@ Read-only IAM access needs `s3:ListAllMyBuckets`, `s3:ListBucketVersions`, and
 and [object reading](https://docs.aws.amazon.com/AmazonS3/latest/API/API_GetObject.html)
 references. No live AWS or Alchemy stack is used by the tests.
 
-The flat resource list retains namespace parents, including parents without their
-own resource row. A consumer can group these into a tree. Provider IDs, account,
-region, console links, and last deploy are currently `null`. Local file timestamps
-do not prove a successful deployment. Readers do not invent missing metadata.
+The flat resource list retains construct parents, including parents without their
+own resource row. Resource-own identity is selected only from documented beta.74
+and beta.77 `attr` fields. The AWS allowlist is Lambda Function, S3 Bucket,
+DynamoDB Table, SQS Queue, IAM Role/Policy, CloudFront Distribution, Logs LogGroup,
+ACM Certificate and CloudWatch Alarm/Dashboard. Commercial `aws` ARNs must match
+the exact resource type and own name. Console links use the AWS-owned
+[toolkit resource resolver](https://github.com/aws/aws-toolkit-vscode/blob/e1b0f9bc573bac1830f0b9aa7ced25a6c69bb477/packages/core/src/awsService/cloudformation/consoleLinksUtils.ts).
+Other partitions and unknown/custom types have no link. S3 resource region/account
+must come from that resource, never the backend bucket or SSO selector.
+
+`Cloudflare.Worker` uses its own validated account, worker ID and worker name in
+the documented service route. Local/dev identities, dispatch namespaces and
+parent-owned versions have no regular service link. R2 Bucket and DNS Record may
+expose validated own identity but have no console link when an official route or
+required own routing identity is unproven. DNS `modifiedOn` alone supplies Last
+updated, preserving valid complete UTC precision. No other generic updated time
+or successful deployment time is inferred. Missing metadata remains null.
+Absent provider mode can represent legacy cloud state; explicit local or invalid
+modes never authorize a provider link.
+
+`downstream` records dependents, not dependencies. The view builds a bounded
+reverse index for the complete returned stack. Missing edges, missing rows,
+duplicates or an incomplete graph make dependency knowledge unavailable rather
+than inventing an empty dependency list. Local file timestamps never prove a
+successful deployment.
+
+The supported stack output file is a JSON root dictionary. Only validated keys
+cross normalization; each value is `Hidden`, with a null description. Plaintext,
+including a URL, never proves safety. Exact successfully read `{}` proves no
+outputs. Missing, unreadable, malformed, scalar/array or root encoding-marker
+state is unavailable, including reserved envelopes with sibling fields. Unknown
+remote version cannot establish an output format. Output values are never
+traversed or transported. The pure exported view additionally accepts `SafeText`
+with `proof: "explicit-non-sensitive"` only from a trusted host projection with
+independent proof. The persisted readers and standalone API never produce it.
 
 ## Private data and redaction
 
@@ -183,23 +230,31 @@ appear on unauthenticated routes or public telemetry.
 
 Persisted Alchemy state can contain plaintext secret payloads inside
 `__redacted__` marker objects. This package never invokes Alchemy's reviver or
-decrypts anything. It discards props, attrs, old state, action inputs, and outputs.
+decrypts anything. It discards raw props, attrs, old state, action inputs and output values. Only the
+explicit resource-own attr allowlist and output keys are normalized.
 Marker objects in metadata become `<redacted>`, including sibling fields. Parsing
 errors include only a tagged reason, never raw contents or parser diagnostics.
-Reads are capped at 8 MiB per file and directory listings at 50,000 entries.
+Reads are capped at 8 MiB per file and directory listings at 50,000 entries. Resource identities are bounded to 1024
+characters, dependency graphs to 100,000 edges, and output dictionaries to 1000
+keys of at most 256 characters.
 
 SSO profiles retain server-private names, config paths, account/role selectors,
 session names, start URLs, and routing regions. S3 bucket names, state prefixes,
 object keys, version IDs, and pagination markers are also server-private. Their
 persisted representation is AWS config or S3 object coordinates; console code
 holds them in server memory only. They must not cross HTTP, browser storage,
-logs, telemetry, or public errors. Only normalized `StackState` and
-`ResourceSummary` fields may cross the authenticated owner API. Credential-bearing
+logs, telemetry, or public errors. Only normalized `StackState`, `ResourceSummary` and `OutputSummary` fields may
+cross the authenticated owner API. Resource FQNs, construct parents, provider IDs,
+own account/region, allowlisted console URLs, documented updated timestamps,
+downstream identities and output keys are authenticated client-visible metadata.
+Stack IDs and resource FQNs also appear in validated UI query routes and browser
+history. They are not backend locators. Never emit them on public routes, in logs
+or telemetry, or persist them in browser storage. Credential-bearing
 `SsoCredentials` results remain solely inside the signing boundary. S3 reads have
 the same 8 MiB payload cap and a 50,000-entry / 100-page listing cap.
 
-Cloudflare profiles will also remain server-side. The UI will never apply or
-destroy. Plan diffs remain on demand, with no scheduled execution.
+Cloudflare profile configuration remains server-side. This phase has no plan,
+apply or destroy execution.
 
 ## Format references
 

package/dist/api.d.ts

@@ -49,12 +49,19 @@ export declare const StackDetail: Schema.Struct<{
             readonly logicalId: Schema.NonEmptyString;
             readonly resourceType: Schema.NonEmptyString;
             readonly status: Schema.Literals<readonly ["creating", "created", "updating", "updated", "deleting", "replacing", "replaced"]>;
-            readonly parent: Schema.NullOr<Schema.String>;
+            readonly parent: Schema.NullOr<Schema.NonEmptyString>;
             readonly providerId: Schema.NullOr<Schema.String>;
             readonly account: Schema.NullOr<Schema.String>;
             readonly region: Schema.NullOr<Schema.String>;
             readonly consoleUrl: Schema.NullOr<Schema.String>;
+            readonly updatedAt: Schema.NullOr<Schema.String>;
+            readonly downstream: Schema.NullOr<Schema.$Array<Schema.NonEmptyString>>;
         }>>;
+        readonly outputs: Schema.NullOr<Schema.$Array<Schema.Struct<{
+            readonly key: Schema.NonEmptyString;
+            readonly value: Schema.TaggedStruct<"Hidden", {}>;
+            readonly description: Schema.Null;
+        }>>>;
     }>;
 }>;
 export type StackDetail = typeof StackDetail.Type;
@@ -112,12 +119,19 @@ declare const AlchemyConsoleApi_base: HttpApi.HttpApi<"AlchemyConsoleApi", HttpA
             readonly logicalId: Schema.NonEmptyString;
             readonly resourceType: Schema.NonEmptyString;
             readonly status: Schema.Literals<readonly ["creating", "created", "updating", "updated", "deleting", "replacing", "replaced"]>;
-            readonly parent: Schema.NullOr<Schema.String>;
+            readonly parent: Schema.NullOr<Schema.NonEmptyString>;
             readonly providerId: Schema.NullOr<Schema.String>;
             readonly account: Schema.NullOr<Schema.String>;
             readonly region: Schema.NullOr<Schema.String>;
             readonly consoleUrl: Schema.NullOr<Schema.String>;
+            readonly updatedAt: Schema.NullOr<Schema.String>;
+            readonly downstream: Schema.NullOr<Schema.$Array<Schema.NonEmptyString>>;
         }>>;
+        readonly outputs: Schema.NullOr<Schema.$Array<Schema.Struct<{
+            readonly key: Schema.NonEmptyString;
+            readonly value: Schema.TaggedStruct<"Hidden", {}>;
+            readonly description: Schema.Null;
+        }>>>;
     }>;
 }>>, Schema.toCodecJson<typeof CatalogReadError | typeof StackNotFound>, OwnerAuth, never>, false>>;
 export declare class AlchemyConsoleApi extends AlchemyConsoleApi_base {

package/dist/api.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../src/api.ts"],"names":[],"mappings":"AAAA,8GAA8G;AAC9G,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAG3F,0GAA0G;AAC1G,eAAO,MAAM,OAAO,eAAuC,CAAA;AAC3D,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAEzC,eAAO,MAAM,mBAAmB,oOAc9B,CAAA;AAEF,eAAO,MAAM,cAAc;;;EAGzB,CAAA;AACF,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,CAAC,IAAI,CAAA;AAEvD,eAAO,MAAM,YAAY;;;;;;;;EAQvB,CAAA;AACF,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC,IAAI,CAAA;AAEnD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;EAA8F,CAAA;AACpH,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,IAAI,CAAA;AAC7C,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;EAAoD,CAAA;AAC5E,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC,IAAI,CAAA;;;;AAEjD,qBAAa,gBAAiB,SAAQ,qBAEZ;CAAG;;AAE7B,qBAAa,aAAc,SAAQ,kBAAgF;CAAG;;AAEtH,qBAAa,YAAa,SAAQ,iBAA8E;CAAG;;AAEnH,qBAAa,SAAU,SAAQ,cAAwE;CAAG;;;;;;;;;AAE1G,6EAA6E;AAC7E,qBAAa,SAAU,SAAQ,cAE7B;CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWL,qBAAa,iBAAkB,SAAQ,sBAAmE;CAAG"}
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../src/api.ts"],"names":[],"mappings":"AAAA,8GAA8G;AAC9G,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAG3F,0GAA0G;AAC1G,eAAO,MAAM,OAAO,eAAuC,CAAA;AAC3D,MAAM,MAAM,OAAO,GAAG,OAAO,OAAO,CAAC,IAAI,CAAA;AAEzC,eAAO,MAAM,mBAAmB,oOAc9B,CAAA;AAEF,eAAO,MAAM,cAAc;;;EAGzB,CAAA;AACF,MAAM,MAAM,cAAc,GAAG,OAAO,cAAc,CAAC,IAAI,CAAA;AAEvD,eAAO,MAAM,YAAY;;;;;;;;EAQvB,CAAA;AACF,MAAM,MAAM,YAAY,GAAG,OAAO,YAAY,CAAC,IAAI,CAAA;AAEnD,eAAO,MAAM,SAAS;;;;;;;;;;;;;;EAA8F,CAAA;AACpH,MAAM,MAAM,SAAS,GAAG,OAAO,SAAS,CAAC,IAAI,CAAA;AAC7C,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;EAAoD,CAAA;AAC5E,MAAM,MAAM,WAAW,GAAG,OAAO,WAAW,CAAC,IAAI,CAAA;;;;AAEjD,qBAAa,gBAAiB,SAAQ,qBAEZ;CAAG;;AAE7B,qBAAa,aAAc,SAAQ,kBAAgF;CAAG;;AAEtH,qBAAa,YAAa,SAAQ,iBAA8E;CAAG;;AAEnH,qBAAa,SAAU,SAAQ,cAAwE;CAAG;;;;;;;;;AAE1G,6EAA6E;AAC7E,qBAAa,SAAU,SAAQ,cAE7B;CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWL,qBAAa,iBAAkB,SAAQ,sBAAmE;CAAG"}

package/dist/client/assets/empty-state-creature-CWMFWDpa.svg

@@ -0,0 +1,60 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="56" height="56" aria-hidden="true" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter">
+    <defs fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter">
+      <radialGradient id="bpkgsrc-56-dc-38" cx="38%" cy="30%" r="80%" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><stop offset="0" stop-color="oklch(0.86 0.12 273)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /><stop offset="0.55" stop-color="oklch(0.66 0.17 273)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /><stop offset="1" stop-color="oklch(0.46 0.17 291)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /></radialGradient>
+      <radialGradient id="spkgsrc-56-dc-38" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><stop offset="0" stop-color="black" stop-opacity="0.28" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /><stop offset="1" stop-color="black" stop-opacity="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /></radialGradient>
+      <radialGradient id="cpkgsrc-56-dc-38" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><stop offset="0" stop-color="oklch(0.95 0.1 264)" stop-opacity="0.95" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /><stop offset="1" stop-color="oklch(0.75 0.15 264)" stop-opacity="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /></radialGradient>
+      <radialGradient id="gpkgsrc-56-dc-38" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><stop offset="0" stop-color="white" stop-opacity="0.55" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /><stop offset="1" stop-color="white" stop-opacity="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /></radialGradient>
+      <linearGradient id="dpkgsrc-56-dc-38" x1="0" x2="0" y1="0" y2="1" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><stop offset="0.55" stop-color="oklch(0.3 0.12 291)" stop-opacity="0" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /><stop offset="1" stop-color="oklch(0.3 0.12 291)" stop-opacity="0.45" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /></linearGradient>
+      <radialGradient id="wpkgsrc-56-dc-38" cy="40%" r="60%" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><stop offset="0.6" stop-color="oklch(0.99 0.006 264)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /><stop offset="1" stop-color="oklch(0.86 0.03 264)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /></radialGradient>
+      <radialGradient id="ipkgsrc-56-dc-38" cy="72%" r="70%" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><stop offset="0" stop-color="oklch(0.62 0.15 264)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /><stop offset="1" stop-color="oklch(0.3 0.09 264)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /></radialGradient>
+      <clipPath id="kpkgsrc-56-dc-38" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><path d="M89.0 58.1C88.9 61.1 88.9 64.0 88.3 66.9C87.8 69.8 87.2 73.0 85.7 75.7C84.2 78.5 82.0 81.2 79.3 83.2C76.6 85.1 73.0 86.4 69.7 87.2C66.3 88.0 62.6 87.9 59.4 88.0C56.1 88.1 53.1 87.7 50.0 87.7C46.9 87.6 44.0 87.8 40.7 87.6C37.5 87.5 33.9 87.6 30.6 86.9C27.2 86.1 23.5 85.0 20.7 83.2C17.9 81.3 15.4 78.6 13.8 76.0C12.3 73.3 11.7 70.0 11.2 67.0C10.7 64.0 10.9 61.1 11.0 58.1C11.1 55.2 11.1 52.3 11.7 49.4C12.2 46.4 12.8 43.2 14.3 40.5C15.8 37.8 18.0 35.0 20.7 33.1C23.4 31.2 27.0 29.9 30.3 29.1C33.7 28.3 37.4 28.3 40.6 28.3C43.9 28.2 46.9 28.5 50.0 28.6C53.1 28.7 56.0 28.5 59.3 28.6C62.5 28.8 66.1 28.7 69.4 29.4C72.8 30.2 76.5 31.3 79.3 33.1C82.1 34.9 84.6 37.6 86.2 40.3C87.7 43.0 88.3 46.3 88.8 49.3C89.3 52.2 89.1 55.2 89.0 58.1Z" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /></clipPath>
+      <clipPath id="e0pkgsrc-56-dc-38" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><ellipse cx="39.07" cy="52.158168587244646" rx="5.4" ry="5.832000000000001" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /></clipPath>
+      <clipPath id="o0pkgsrc-56-dc-38" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><ellipse cx="39.07" cy="52.158168587244646" rx="6.6000000000000005" ry="7.032000000000001" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /></clipPath>
+      <clipPath id="u0pkgsrc-56-dc-38" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><path d="M31.47 64.35V42.78Q39.07 46.28 46.67 42.78V64.35Z" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" transform="translate(0 2.052)" /></clipPath>
+      <clipPath id="l0pkgsrc-56-dc-38" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><path d="M31.47 39.96V58.04Q39.07 61.54 46.67 58.04V39.96Z" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /></clipPath><clipPath id="e1pkgsrc-56-dc-38" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><ellipse cx="60.93" cy="52.158168587244646" rx="5.4" ry="5.832000000000001" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /></clipPath>
+      <clipPath id="o1pkgsrc-56-dc-38" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><ellipse cx="60.93" cy="52.158168587244646" rx="6.6000000000000005" ry="7.032000000000001" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /></clipPath>
+      <clipPath id="u1pkgsrc-56-dc-38" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><path d="M53.33 64.35V42.78Q60.93 46.28 68.53 42.78V64.35Z" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" transform="translate(0 2.052)" /></clipPath>
+      <clipPath id="l1pkgsrc-56-dc-38" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><path d="M53.33 39.96V58.04Q60.93 61.54 68.53 58.04V39.96Z" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /></clipPath>
+    </defs>
+    <ellipse cx="50" cy="91" fill="url(#spkgsrc-56-dc-38)" rx="32.76" ry="5" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" />
+    <circle cx="50" cy="55" r="46" fill="none" stroke="oklch(0.4901 0.013 274.7)" stroke-width="2.5px" opacity="0" stroke-linecap="butt" stroke-linejoin="miter" />
+    <circle cx="50" cy="55" r="46" pathLength="100" fill="none" stroke="oklch(0.4901 0.013 274.7)" stroke-width="4.2px" opacity="0" stroke-linecap="round" stroke-linejoin="miter" stroke-dasharray="9px, 91px" />
+    <g transform="translate(76 6) scale(0.8)" display="none" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><circle cx="12" cy="12" r="11" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /><path d="M6 12h12" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" /></g>
+    <g fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><g fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><g fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter">
+      <path d="M89.0 58.1C88.9 61.1 88.9 64.0 88.3 66.9C87.8 69.8 87.2 73.0 85.7 75.7C84.2 78.5 82.0 81.2 79.3 83.2C76.6 85.1 73.0 86.4 69.7 87.2C66.3 88.0 62.6 87.9 59.4 88.0C56.1 88.1 53.1 87.7 50.0 87.7C46.9 87.6 44.0 87.8 40.7 87.6C37.5 87.5 33.9 87.6 30.6 86.9C27.2 86.1 23.5 85.0 20.7 83.2C17.9 81.3 15.4 78.6 13.8 76.0C12.3 73.3 11.7 70.0 11.2 67.0C10.7 64.0 10.9 61.1 11.0 58.1C11.1 55.2 11.1 52.3 11.7 49.4C12.2 46.4 12.8 43.2 14.3 40.5C15.8 37.8 18.0 35.0 20.7 33.1C23.4 31.2 27.0 29.9 30.3 29.1C33.7 28.3 37.4 28.3 40.6 28.3C43.9 28.2 46.9 28.5 50.0 28.6C53.1 28.7 56.0 28.5 59.3 28.6C62.5 28.8 66.1 28.7 69.4 29.4C72.8 30.2 76.5 31.3 79.3 33.1C82.1 34.9 84.6 37.6 86.2 40.3C87.7 43.0 88.3 46.3 88.8 49.3C89.3 52.2 89.1 55.2 89.0 58.1Z" fill="url(#bpkgsrc-56-dc-38)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" />
+      <g clip-path="url(#kpkgsrc-56-dc-38)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter">
+        <circle cx="50" cy="71.27" r="16" fill="url(#cpkgsrc-56-dc-38)" stroke="none" stroke-width="1px" opacity="0.35" stroke-linecap="butt" stroke-linejoin="miter" />
+        <rect x="11.00" y="28.26" width="78.00" height="59.74" fill="url(#dpkgsrc-56-dc-38)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" />
+        <ellipse cx="34.40" cy="40.21" rx="13.26" ry="5.97" fill="url(#gpkgsrc-56-dc-38)" transform="rotate(-24 34.40 40.21)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" />
+      </g>
+    </g></g>
+    <g fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><g fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter">
+      <g fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter">
+        <g clip-path="url(#u0pkgsrc-56-dc-38)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><g clip-path="url(#l0pkgsrc-56-dc-38)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter">
+          <ellipse cx="39.07" cy="52.158168587244646" rx="6.6000000000000005" ry="7.032000000000001" fill="oklch(0.25 0.05 260 / 0.14)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" />
+          <ellipse cx="39.07" cy="52.158168587244646" rx="5.4" ry="5.832000000000001" fill="url(#wpkgsrc-56-dc-38)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" />
+          <g clip-path="url(#e0pkgsrc-56-dc-38)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><g fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter">
+            <circle cx="39.07" cy="52.158168587244646" r="3.56" fill="url(#ipkgsrc-56-dc-38)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" />
+            <circle cx="39.07" cy="52.158168587244646" r="1.85" fill="oklch(0.14 0.02 260)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" />
+            <circle cx="37.79" cy="50.73" r="0.93" fill="oklch(1 0 none / 0.92)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" />
+            <circle cx="40.28" cy="53.44" r="0.43" fill="oklch(1 0 none / 0.92)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" />
+          </g></g>
+        </g></g>
+        <g clip-path="url(#o0pkgsrc-56-dc-38)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><g fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" transform="translate(0 2.052)"><path d="M31.47 42.78Q39.07 46.28 46.67 42.78" fill="none" stroke="oklch(0.22 0.04 260 / 0.85)" stroke-width="0.9px" opacity="0" stroke-linecap="round" stroke-linejoin="miter" /></g></g>
+      </g><g fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter">
+        <g clip-path="url(#u1pkgsrc-56-dc-38)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><g clip-path="url(#l1pkgsrc-56-dc-38)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter">
+          <ellipse cx="60.93" cy="52.158168587244646" rx="6.6000000000000005" ry="7.032000000000001" fill="oklch(0.25 0.05 260 / 0.14)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" />
+          <ellipse cx="60.93" cy="52.158168587244646" rx="5.4" ry="5.832000000000001" fill="url(#wpkgsrc-56-dc-38)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" />
+          <g clip-path="url(#e1pkgsrc-56-dc-38)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><g fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter">
+            <circle cx="60.93" cy="52.158168587244646" r="3.56" fill="url(#ipkgsrc-56-dc-38)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" />
+            <circle cx="60.93" cy="52.158168587244646" r="1.85" fill="oklch(0.14 0.02 260)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" />
+            <circle cx="59.65" cy="50.73" r="0.93" fill="oklch(1 0 none / 0.92)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" />
+            <circle cx="62.14" cy="53.44" r="0.43" fill="oklch(1 0 none / 0.92)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" />
+          </g></g>
+        </g></g>
+        <g clip-path="url(#o1pkgsrc-56-dc-38)" fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter"><g fill="rgb(0, 0, 0)" stroke="none" stroke-width="1px" opacity="1" stroke-linecap="butt" stroke-linejoin="miter" transform="translate(0 2.052)"><path d="M53.33 42.78Q60.93 46.28 68.53 42.78" fill="none" stroke="oklch(0.22 0.04 260 / 0.85)" stroke-width="0.9px" opacity="0" stroke-linecap="round" stroke-linejoin="miter" /></g></g>
+      </g>
+      <path d="M33.67 42.88Q39.07 39.13 44.47 42.23Q39.07 41.73 33.67 42.88Z" fill="oklch(0.36 0.09 291)" stroke="oklch(0.36 0.09 291)" stroke-width="0.6px" opacity="1" stroke-linecap="butt" stroke-linejoin="round" /><path d="M66.33 42.88Q60.93 39.13 55.53 42.23Q60.93 41.73 66.33 42.88Z" fill="oklch(0.36 0.09 291)" stroke="oklch(0.36 0.09 291)" stroke-width="0.6px" opacity="1" stroke-linecap="butt" stroke-linejoin="round" />
+    </g></g>
+    </g>
+  </svg>