From 7ba15c65aa802cd3e2994f64d1d1df3a95834aac Mon Sep 17 00:00:00 2001
From: gsinghpal <gur_preet.singh@outlook.com>
Date: Sun, 19 Apr 2026 17:38:28 -0400
Subject: [PATCH] feat(fusion_accounting_assets): asset_detail_panel component

Made-with: Cursor
---
 fusion_accounting_assets/__manifest__.py      |  4 +-
 .../asset_detail_panel/asset_detail_panel.js  | 36 +++++++++++++++
 .../asset_detail_panel/asset_detail_panel.xml | 46 +++++++++++++++++++
 3 files changed, 85 insertions(+), 1 deletion(-)
 create mode 100644 fusion_accounting_assets/static/src/components/asset_detail_panel/asset_detail_panel.js
 create mode 100644 fusion_accounting_assets/static/src/components/asset_detail_panel/asset_detail_panel.xml

diff --git a/fusion_accounting_assets/__manifest__.py b/fusion_accounting_assets/__manifest__.py
index 7bb8235e..7cdd0be8 100644
--- a/fusion_accounting_assets/__manifest__.py
+++ b/fusion_accounting_assets/__manifest__.py
@@ -1,6 +1,6 @@
 {
     'name': 'Fusion Accounting Assets',
-    'version': '19.0.1.0.22',
+    'version': '19.0.1.0.23',
     'category': 'Accounting/Accounting',
     'summary': 'AI-augmented asset management with depreciation schedules.',
     'description': """
@@ -46,6 +46,8 @@ menu hides; the engine + AI tools remain available for the chat.
             'fusion_accounting_assets/static/src/views/asset_dashboard/asset_dashboard_view.js',
             'fusion_accounting_assets/static/src/components/asset_card/asset_card.js',
             'fusion_accounting_assets/static/src/components/asset_card/asset_card.xml',
+            'fusion_accounting_assets/static/src/components/asset_detail_panel/asset_detail_panel.js',
+            'fusion_accounting_assets/static/src/components/asset_detail_panel/asset_detail_panel.xml',
         ],
     },
     'installable': True,
diff --git a/fusion_accounting_assets/static/src/components/asset_detail_panel/asset_detail_panel.js b/fusion_accounting_assets/static/src/components/asset_detail_panel/asset_detail_panel.js
new file mode 100644
index 00000000..26be2378
--- /dev/null
+++ b/fusion_accounting_assets/static/src/components/asset_detail_panel/asset_detail_panel.js
@@ -0,0 +1,36 @@
+/** @odoo-module **/
+
+import { Component } from "@odoo/owl";
+import { useService } from "@web/core/utils/hooks";
+import { DepreciationBoard } from "../depreciation_board/depreciation_board";
+
+export class AssetDetailPanel extends Component {
+    static template = "fusion_accounting_assets.AssetDetailPanel";
+    static props = {
+        detail: { type: Object },
+        formatCurrency: { type: Function },
+    };
+    static components = { DepreciationBoard };
+
+    setup() {
+        this.assets = useService("fusion_assets");
+    }
+
+    async onComputeSchedule() {
+        await this.assets.computeSchedule(this.props.detail.asset.id, false);
+    }
+
+    async onRecomputeSchedule() {
+        await this.assets.computeSchedule(this.props.detail.asset.id, true);
+    }
+
+    async onPostDepreciation() {
+        await this.assets.postDepreciation(this.props.detail.asset.id);
+    }
+
+    async onDispose() {
+        const saleAmount = parseFloat(prompt("Sale amount (0 for scrap)?", "0"));
+        if (isNaN(saleAmount)) return;
+        await this.assets.disposeAsset(this.props.detail.asset.id, { saleAmount });
+    }
+}
diff --git a/fusion_accounting_assets/static/src/components/asset_detail_panel/asset_detail_panel.xml b/fusion_accounting_assets/static/src/components/asset_detail_panel/asset_detail_panel.xml
new file mode 100644
index 00000000..c3ba9af9
--- /dev/null
+++ b/fusion_accounting_assets/static/src/components/asset_detail_panel/asset_detail_panel.xml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<templates xml:space="preserve">
+
+<t t-name="fusion_accounting_assets.AssetDetailPanel">
+    <div style="background: white; padding: 1rem; border-radius: 0.5rem; border: 1px solid #e5e7eb;">
+        <h3><t t-esc="props.detail.asset.name"/></h3>
+        <div class="text-muted" t-if="props.detail.asset.code">
+            [<t t-esc="props.detail.asset.code"/>]
+        </div>
+        <div class="mt-3">
+            <div><strong>State:</strong> <t t-esc="props.detail.asset.state"/></div>
+            <div><strong>Cost:</strong> $<t t-esc="props.formatCurrency(props.detail.asset.cost)"/></div>
+            <div><strong>Salvage:</strong> $<t t-esc="props.formatCurrency(props.detail.asset.salvage_value)"/></div>
+            <div><strong>Book Value:</strong> $<t t-esc="props.formatCurrency(props.detail.asset.book_value)"/></div>
+            <div><strong>Total Depreciated:</strong> $<t t-esc="props.formatCurrency(props.detail.asset.total_depreciated)"/></div>
+            <div><strong>Method:</strong> <t t-esc="props.detail.asset.method"/></div>
+            <div><strong>Useful Life:</strong> <t t-esc="props.detail.asset.useful_life_years"/> years</div>
+        </div>
+
+        <div class="d-flex mt-3" style="gap: 0.5rem; flex-wrap: wrap;">
+            <button class="btn_asset" t-on-click="onComputeSchedule">Compute Schedule</button>
+            <button class="btn_asset" t-on-click="onRecomputeSchedule">Recompute</button>
+            <button class="btn_asset primary"
+                    t-if="props.detail.asset.state === 'running'"
+                    t-on-click="onPostDepreciation">Post Next</button>
+            <button class="btn_asset danger"
+                    t-if="props.detail.asset.state !== 'disposed'"
+                    t-on-click="onDispose">Dispose</button>
+        </div>
+
+        <h4 class="mt-4">Depreciation Schedule</h4>
+        <DepreciationBoard t-if="props.detail.depreciation_lines"
+                            lines="props.detail.depreciation_lines"
+                            formatCurrency="props.formatCurrency"/>
+
+        <div t-if="props.detail.anomalies and props.detail.anomalies.length" class="mt-3">
+            <h4>Active Anomalies</h4>
+            <div t-foreach="props.detail.anomalies" t-as="a" t-key="a.id"
+                 class="o_fusion_anomaly_strip" t-att-data-severity="a.severity">
+                <strong><t t-esc="a.anomaly_type"/></strong>: <t t-esc="a.detail"/>
+            </div>
+        </div>
+    </div>
+</t>
+
+</templates>